如何设置'选择'使用ajax响应与匹配值下拉?

时间:2017-11-08 10:44:52

标签: javascript php jquery ajax

我希望选择选项'使用从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响应。所以,无论如何要实现这个或替代方法吗?

1 个答案:

答案 0 :(得分:2)

这就是你想要的(在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>