jquery操作select

jquery操作select

比如<select class="selector"></select>

1、设置value为pxx的项选中
     $(".selector").val("pxx");
2、设置text为pxx的项选中
    $(".selector").find("option[text='pxx']").attr("selected",true);
    这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。

3、获取当前选中项的value
    $(".selector").val();
4、获取当前选中项的text
    $(".selector").find("option:selected").text();

5.清空

$(".selector2").empty();

 

比如  <select  id="m_import_channel"></select>

1.添加option选项

success: function (data) {
  $("#m_import_channel").empty();
  $("#m_import_channel").append("<option value='-1'>--请选择--</option>");
  $.each(data,function(i,n){
    $("#m_import_channel").append("<option value='"+n.org_id+"'>"+n.org_name+"</option>");    
  })
}

2.select赋值

   方法一：赋值value
   $("#m_import_channel").val(busi_type);

     方法二：把希望选中的option设置为selected

   $("#m_import_channel").option[value="+busi_type+"]").attr("selected", 'selected');
方法三：同上

   $("#m_import_channel").find("option[value="+busi_type+"]").attr("selected","selected");

 

转载于:https://www.cnblogs.com/Dream2hc/p/jsp6307367.html