js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点

jsp 中的下拉框标签：



multiple="true"意思是支持选择多个。



js中灵活创建select标签下的项的方式：
var oSelect = $("sjx");//sjx为html或jsp页面上的select标签的id，如果使用Extjs的话，可以用EXT.getDom('sjx')获取标签var oOption = document.createElement("OPTION");                         //js中创建select标签下的OPTION子标签oSelect.options.add(oOption);//将新建的OPTION子标签添加到select标签下oOption.value = "001";//内容对应的value值oOption.innerHTML ="小苹果";//显示的下拉框的内容...以此类推
Note：js中的这种方式，在特定的场合是比较有用的，比如：这里请求不返回特定界面，也就是不刷新整个界面。而是采用Ajax方式的异步请求做一些局部的数据请求，那么这个时候下面strut2的方式，就会无效。





for(...){
HashMap map = new HashMap();
map.put("BM","001");
map.put("MC","小苹果");
sjxList.add(map);
}


另外一种方式，也是非常常用的：利用struts2的特性，在Action中定义一个List变量（以本例为例，命名为：sjxList），并设置set、get方法。
通过一个 HashMap 对象，添加内容，比如： 
返回界面时，将在界面的select下拉框中显示“小苹果”。
最简单的一种方式：直接在jsp页面手动添加select标签的OPTION项VolvoBinliMazdaAudi





删除select标签节点下所有的OPTION节点

方法一：
Js代码  

    function DeleteOptions()  
        {  
            var obj = document.getElementsByTagName("select")[0];  
            var selectOptiOns= obj.options;  
            var optiOnLength= selectOptions.length;  
            for(var i=0;i             {  
                obj.removeChild(selectOptions[0]);  
            }  
        }  

 

方法二：(那右边的Select中的所有option移到左边的Select)
 
Js代码  

    function MoveAllRightBtn(){  
            var columnlength=$('queryColumn').length;  
            var TempText;  
            var TempValue;  
            for(var i=0;i                TempText=$('queryColumn').options[i].text;  
                TempValue=$('queryColumn').options[i].value;  
                $('queryColumn').remove(i);  
                $('SearchqqueryColumn').options.add(new Option(TempText,TempValue));  
            }  
        }  

 以上两个方法都不够好！因为它们一次性都册除不了，因为删除了一个它的$('queryColumn')在option的序号就变了！



简单最优的方法如下：（只需将length置0）

Js代码  
 

  
    $('SearchqqueryColumn').options.length = 0;
 
Js代码  

       

 (那右边的Select中的所有option移到左边的Select)实现如下：

Js代码  
function MoveAllRightBtn(){  
        var columnlength=$('queryColumn').options.length;  
        var TempText;  
        var TempValue;  
        for(var i=0;i            TempText=$('queryColumn').options[i].text;  
            TempValue=$('queryColumn').options[i].value;  
            $('SearchqqueryColumn').options.add(new Option(TempText,TempValue));  
        }  
        $('queryColumn').options.length = 0;  
    }