首页  »   jQuery

jquery select 惯用操作

网友分享于:2013-03-09  浏览:0次
jquery select 常用操作
//查找select元素,遍历。
$("select").each(function(){
      
       //清空当前select元素的所有option选项。
       $(this).empty();
    
       //从最前面插入一个option
       $(this).prepend("<option value='first'>first option</option>");

        //从最后面追加一个option
       $(this).append("<option value='last'>last option</option>");

       //设置value="last"的元素为选中状态。
       $(this).val('last');

       //取得当前选中状态的option
       var selectOption = $(this).find("option:selected");

       //取得当前选中状态的option的value
       var selectOptionValue = $(this).val();

        //取得当前选中状态的option的text
       var selectOptionText = $(this).find("option:selected").text();

         //设置text="pxx"的option为选中状态。
        $(this).find("option[text='pxx']").attr("selected",true);
});

//多select元素联动
$(".selector1").change(function(){
     // 先清空第二个
      $(".selector2").empty();
     // 实际的应用中,这里的option一般都是用循环生成多个了
     var option = "<option value='first'>first option</option>";
      $(".selector2").append(option);
});

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

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

相关解决方案

最新解决方案