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

 

转载于:https://www.cnblogs.com/huyueping/p/5664408.html