javascript - 如何使用 ajax 响应将 'selected' 设置为具有匹配值的下拉菜单？

Question

我希望使用从 ajax 响应返回的值来“选择”选择选项。

数组

$array=array("Price 1","Price 2","Price 3","Price 4","Price 5");

我能想到的就是循环直到选项与给定值匹配。

echo "<select id='option'>";

foreach($array as $key=>$val){
  if(data.option==$key){$selected="selected";}//compare with json from ajax 
  echo "<option value='$key' $selected>$val</option>"
}

echo "</select>";

我有一个来自 ajax data.option= 1 的 json 响应。那么，有没有办法实现这个或其他方法呢？

Answer 1

这就是您想要的(在 ajax success 中执行):-

success: function (data) {
    $("#option").val(data.option);//this is what you want
}    

一个演示示例:-

$(document).ready(function(){

 $("#option").val(2); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='option'>
  <option value="0" selected>Price 1</option>
  <option value="1">Price 2</option>
  <option value="2">Price 3</option>
  <option value="3">Price 4</option>
  <option value="4">Price 5</option>
</select>