JQuery 对 Select option 的操作

JQuery 对 Select option 的操作

  获取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();

未经允许不得转载:淘淘源码吧 » JQuery 对 Select option 的操作