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

时间:2017-01-12 12:52:59

标签: jquery select

我有这个选择

<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");
   ...

但由于“无法识别的表达”而无法正常工作

1 个答案:

答案 0 :(得分:7)

您的身份"myselect缺少结束&#34;,它应该是

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

使用

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

这是一个小提琴:

https://jsfiddle.net/k38efh2o/