jquery設置select選中的文本

<select id="prov">
  <option value="1">北京市</option>
  <option value="2">上海市</option>
  <option value="3">天津市</option>
</select>

 

用jquery設置上面select選中的文本

//第一種方式
var count = $("#prov option").length;
for (var i = 0; i < count; i++) {
if ($("#prov ").get(0).options[i].text == "北京市") {
$("#prov ").get(0).options[i].selected = true;
break;
}
}

//第二種方式
$("#prov").get(0).value = "1";

//第三種方式
$("#prov").val("1");

//第四種方式
$("#prov").find("option[text='北京市']").attr("selected", "selected");

因為text並不是一個實在的屬性，也就是說option的標簽中沒有 text = ""，所以第四種方式，在沒有自定義text=""之前，是無效的。如下定義：

<option value="1" text="北京市">北京市</option>

這樣寫了以后，第四種方式才生效

 

用jQuery獲取上面選中的文本

$("#prov").find("option:selected").text();//獲取到文本

$("#prov").val(); //獲取到value