js 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

转自：/huyueping/p/5664408.html