四种jquery 动态增加option下拉框代码

    function loadsteel_num(typeid){
    var drp2 = $("drsteel_num");
    drp2.options.length=0;
    downloadurl('bsorder_steel_num.asp教程x?b_typeid='+typeid, function (xml, responsecode) {
     var dom
     if(document.all)//ie
     {
       dom=new activexobject("microsoft.xmldom");
       dom.loadxml(xml)
     }
     else if(window.domparser)//firefox
      dom=new domparser().parsefromstring(xml,"text/xml");
     if(dom)
     {
       items1 = dom.getelementsbytagname("item");
       var itemslength=items1.length;
       for(i=0;i 
    
    

方法二

$("#selectid").append(""+text+"");

当然除了这句，还有设置默认选择值、第一个的值、最后一个的值、第n个的值等等的，所以在网上搜了一上：

jquery获取select选择的text和value:

1. $("#select_id").change(function(){//code...});   //为select添加事件，当选择其中一项时触发

2. var checktext=$("#select_id").find("option:selected").text();  //获取select选择的text

3. var checkvalue=$("#select_id").val();  //获取select选择的value

4. var checkindex=$("#select_id ").get(0).selectedindex;  //获取select选择的索引值

5. var maxindex=$("#select_id option:last").attr("index");  //获取select最大的索引值

jquery添加/删除select的option项：

1. $("#select_id").append("text");  //为select追加一个option(下拉项)

2. $("#select_id").prepend("请选择");  //为select插入一个option(第一个位置)

3. $("#select_id option:last").remove();  //删除select中索引值最大option(最后一个)

4. $("#select_id option[index='0']").remove();  //删除select中索引值为0的option(第一个)

5. $("#select_id option[value='3']").remove();  //删除select中value='3'的option

5. $("#select_id option[text='4']").remove();  //删除select中text='4'的option

jquery动态增加option方法四

//第一个验证
$(document).ready(function(){
     $("#listone").dblclick(function(){
        alert($("#listone option:selected").text()) ;//这里的text和html得到的结果是一样的
        // var temp =   $("#listone option:selected").text();

//$("
").html(temp).appendto("。。。");  $("
")或$("")等都可以动态添加
//尝试$("").html(temp).appendto("#listtwo");失败 ！！！
//最后换$("option").html(temp).appendto("#listtwo");成功加载 现在还不知道为什么 望高手给予解答
            $("#listone option:selected").appendto("#listtwo");
     });
});

    

   
         1
         3
         4
         5
   
           
添加
    
    
     



css教程