您现在的位置是:首页 > 其他

李清波 2015-08-26 其他 4097 复制当前网址

JQuery 对 Select option 的操作

 function ee() {
    //在下拉框最前添加一个选项 
    $("#selectID").prepend("0") 
} function ff() { 
    //移除下拉框最后一个选项 
    $("#selectID option:last").remove();
 } function gg() { 
     //移除下拉框 index属性为1的选项 
    $("#selectID option[index=1]").remove(); 
} function hh() { 
    //移除下拉框 value属性为4的选项 
    $("#selectID option[value=4]").remove(); 
} function ii() { 
    //移除下拉框 
    text属性为5的选项
     $("#selectID option[text=5]").remove();
}

  获取select选中的text

  $('#selectTest').find('option:selected').text();

  获取select选中的val

  $('#selectTest').find('option:selected').val();

  获取select选中的索引

  $('#selectTest').get(0).selectedIndex

  设置Select:

  设置select选中的text

  var text = "66";

  var count = $("#selectTest option").length;

  for(var i = 0; i < count; i++){

  if($("#selectTest").get(0).options[i].text == text){

  $("#selectTest").get(0).options[i].selected = true;

  break;

  }

  }

  设置select选中的value

  $("#selectTest").find('option:selected').attr("value","Normal");

  $("#selectTest").find('option:selected').val("Normal");

  $("#selectTest").get(0).options[0].value = "Normal";

  设置select选中的索引

  $("#selectTest").get(0).selectedIndex = index;//index为索引值

  设置select option项

  $("#selectTest").append("< option value='Value'>Text< /option>"); //添加一项option

  $("#selectTest").prepend("< option value='0'>请选择< /option>"); //在前面插入一项option

  $("#selectTest option:last").remove(); //删除索引值最大的Option

  $("#selectTest option[index=0]").remove();//删除索引值为0的Option

  $("#selectTest option[value='3']").remove(); //删除值为3的Option

  清空 Select

  $("#selectTest").empty();

  $("#selectTest").children().remove();


文章来源:https://www.liqingbo.com/blog-343.html

评论