jquery设置select选中的文本

<select>
  <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.heiqu.com/zgwgxx.html