Question

我有一个ajax，它从另一个页面返回值，我想定位一个与ajax返回的值匹配的值，并在标记上选择它。

到目前为止，这是我的代码：

        success: function(data) {
            $("select[name='account_type']").val(data.account_type).prop('selected', true);
        },

我要针对此目标

   <select class="form-control">
          <option value="0">DEBIT</option>
          <option value="1">CREDIT</option>
   </select>

因此，如果ajax调用返回的值为1，则CREDIT应该为：selected

Answer 1

对于Ajax：

success: function(data) {
            $("select[name='account_type']").val(data.account_type).prop('selected', true);
        },

对于HTML

<select name="account_type" class="form-control">
          <option value="0">DEBIT</option>
          <option value="1">CREDIT</option>
   </select>

Answer 2

在使用时设置name元素中的select

<select name="account_type" class="form-control">

和.prop()不是必需的，因此只需将其删除。

$("select[name='account_type']").val(1)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name="account_type" class="form-control">
  <option value="0">DEBIT</option>
  <option value="1">CREDIT</option>
</select>

Answer 3

不需要道具：

 success: function(data) {
            $("select[name='account_type']").val(data.account_type);
        },

然后使用$("select.form-control")

命名

   <select name=account_type class="form-control">
          <option value="0">DEBIT</option>
          <option value="1">CREDIT</option>
   </select>

Answer 4

您的HTML：

<select class="form-control" name="account_type">
  <option value="0">DEBIT</option>
  <option value="1">CREDIT</option>

您的Ajax响应功能：

success: function(data) {
$('select[name="account_type"]').find('option[value=data.account_type]').attr("selected",true);

}，

jQuery-根据返回的Ajax值突出显示从选择选项中选择的内容

4 个答案: