无刷新的问题!

在一个页面中有一个"添加"按钮和一个下拉列表，在单击"添加"按钮后,便在下拉列表中增加相应的选项,如何实现不用刷新页面就能看到列表的更新情况?

解决方案 »

  1.   

    此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
    楼主【wangju466511977】截止到2008-06-25 05:08:40的历史汇总数据(不包括此帖)：
    发帖数:43                 发帖分:1870               
    结贴数:43                 结贴分:1870               
    未结数:0                  未结分:0                  
    结贴率:100.00%            结分率:100.00%            
    敬礼!
      

  2.   

    参考这个吧 http://www.java2000.net/viewthread.jsp?tid=6704
    我用了很长时间了，里面的 appendOption 是你要用的// 增加选项
    // value 和 text 分别是option的参数
    // selected 代表是否选中
    function appendOption(obj,value,text,selected){
      var o = new Option(text,value);
      obj.options[obj.options.length] = o;
      if(selected){
        o.selected = true;
      }
    }
      

  3.   

    <html> 
    <head> 
    <title>添加Option对象</title> 
    <script language="javascript"> 
    // 添加选项 
    function addOption(pos){ 
    var objSelect = document.myForm.mySelect; 
    // 取得字段值 
    var strName = document.myForm.myOptionName.value; 
    var strvalue = document.myForm.myOptionvalue.value; 
    // 建立Option对象 
    var objOption = new Option(strName,strvalue); 
    if (pos == -1 & pos > objSelect.options.length) 
    objSelect.options[objSelect.options.length] = objOption; 
    else 
    objSelect.add(objOption, pos); 
    } </script> 
    </head> 
    <body> <hr> 
    <form name="myForm"> 
    <select name="mySelect"> 
    <option value="第一名" Selected>中国</option> 
    <option value="第二名">日本</option> 
    <option value="第三名">美国</option> 
    <option value="第四名">英国</option>
    </select> 
    <br>选项名称 : <input type="text" name="myOptionName" value="英国"><br> 
    选项的值 : <input type="text" name="myOptionvalue" value="第四名"> 
    <input type="button" onclick="addOption(-1)" value="添加"> </form> 
    </body> 
      

  4.   

    不会是一个静态的页面吧
    异步提交用ajax
    点击添加的时候触发事件
    用js添加到select中
    方法参考LS
    并写入数据库静态页面直接用js添加
      

  5.   

    不刷新效果，异步提交最好用ajax更新数据库返回列表局部刷新。