jq根据ajax返回的值修改select选中的值

tech2022-09-21  104

这个地方的写法是非常多的,不止一种,可以通过val()、prop()、attr()

html:

<select name="wantype" class="form-control" style="display: inline-block; vertical-align: middle;width: 150px;"> <option <%=static_sel%> value="0">静态IP</option> <option <%=dhcp_sel%> value="1">自动获取</option> </select>

js:

(1)生效:prop("selected", "selected");

$("select[name='wantype'] option[value='" + res.wantype+ "']").prop("selected", "selected");

(2)未生效:attr("selected",true)

$("select[name='wantype'] option[value='" + res.wantype+ "']").attr("selected", true);

那么这里主要是prop和attr的区别了,怎么根据后台返给你的res.data更新select的option的值。

prop()函数的结果:

      1.如果有相应的属性,返回指定属性值。

      2.如果没有相应的属性,返回值是空字符串

attr()函数的结果:

      1.如果有相应的属性,返回指定属性值。

      2.如果没有相应的属性,返回值是undefined。

最新回复(0)