【jquery动态添加表格行】jquery动态添加option项示例

【www.bbyears.com--jquery】

基本普及

 $("#select_id").append("Text"); 
//为Select追加一个Option(下拉项) 
 
 $("#select_id").prepend("请选择"); 
//为Select插入一个Option(第一个位置) 
 
 $("#select_id option:last").remove();
 //删除Select中索引值最大Option(最后一个) 
 
 $("#select_id option[index="0"]").remove(); 
//删除Select中索引值为0的Option(第一个) 
 
 $("#select_id option[value="3"]").remove(); 
//删除Select中Value="3"的Option 
 
 $("#select_id option[text="4"]").remove(); 
//删除Select中Text="4"的Option 
 

$("#select_id").change(function(){//code...});  
//为Select添加事件，当选择其中一项时触发 
 
.var checkText=$("#select_id").find("option:selected").text(); 
//获取Select选择的Text 
 
.var checkValue=$("#select_id").val(); 
//获取Select选择的Value 
 
var checkIndex=$("#select_id ").get(0).selectedIndex;
 //获取Select选择的索引值 
 
.var maxIndex=$("#select_id option:last").attr("index"); 
//获取Select最大的索引值 
 

例子

$(document).ready(function() {
 //为获取List对象按钮添加鼠标单击事件
  var departId = $("#departId").val();
  $.getJSON("book!getOperatorList.action?name=" + departId,
    function(data) {
     //清空显示层中的数据
    $("#message").html("");
    //使用jQuery中的each(data,function(){});函数
    //从data.userInfosList获取UserInfo对象放入value之中
    $.each(data.list, function(i, value) {
     $(
       ""
         + value.opName + "").appendTo(
       "#selectId");
    });
   });

});

本文来源：http://www.bbyears.com/wangyezhizuo/89618.html