当前位置 : 主页 > 网页制作 > JQuery >

jquery按数据值设置选定的选项

来源:互联网 收集:自由互联 发布时间:2021-06-15
我有这个选择 select id="myselect option value="1" data-value="rome"First option/option option value="2" data-value="paris"Second option/option option value="3" data-value="london"Third option/option/select 我有我的ajax功能,成功时
我有这个选择

<select id="myselect>
  <option value="1" data-value="rome">First option</option>
  <option value="2" data-value="paris">Second option</option>
  <option value="3" data-value="london">Third option</option>
</select>

我有我的ajax功能,成功时必须设置由数据值选择

$.ajax({
   ...
   success: function(response) {
      // response.val is paris
      $("#myselect option[data-value=" + response.val +"]").attr("selected","selected");
   ...

但由于“无法识别的表达”而无效

你的身份“我的选择错过了结束”,它应该是

<select id="myselect">
..
</select>

使用

$("#myselect option[data-value='" + response.val +"']").attr("selected","selected");

这是一个小提琴:

https://jsfiddle.net/k38efh2o/

网友评论