Question

我有html表单，只有很少的下拉选项，我使用相同的表格来编辑数据，

现在要编辑表格的任何一行中的数据，我创建了AJAX请求，一旦选择了行并且用户点击编辑，AJAX就会获得具有ID的特定行的所有值。

我的html表单有一些输入元素和select元素，我可以使用下面的代码

在输入元素中显示值我的html元素中的

是id - user_name是输入类型，所以我可以在框中看到数据值，

但是id为user_status的元素是选择类型，其中我有选项Enable和Disable，

      success:function(data){   
        var objData = jQuery.parseJSON(data);           
        $("#user_name").val(objData.user_name);
        $("#user_status").val(objData.user_status);
      }

这是我的HTML选择代码，

  <select name="is_manager" id="user_status">
      <option style="width:auto">--Select Status--?</option>
      <option style="width:auto">Enable</option>
      <option style="width:auto">Disable</option>
  </select>

当我点击编辑行时，如何在选择选项中显示AJAX返回值ENABLE，简而言之，我希望在选择元素中看到现有值。

谢谢，

Answer 1

在下面的选择列表中添加了与选项文本

相同的选项值

<select name="is_manager" id="user_status"> <option style="width:auto" value="">--Select Status--?</option> <option style="width:auto" value="Enable">Enable</option> <option style="width:auto" value="Disable">Disable</option> </select>

然后在jquery中，您可以使用下面的代码将现有值设置为选中

$("#user_status option[value="+objData.user_status+"]").attr("selected","selected")

希望这有助于你

Answer 2

我说如果你为所有选项设置了一些值属性会很好，比如

 <select name="is_manager" id="user_status">
      <option style="width:auto" value="0">--Select Status--?</option>
      <option style="width:auto" value="1">Enable</option>
      <option style="width:auto" value="2">Disable</option>
  </select>

然后，如果您从服务器端获得值为“1”或“2”，那么您可以使用您编写的方式$("#user_status").val(objData.user_status);

如果您只获得“启用”或“禁用”文字，则可以使用

var user_status = $('#user_status);
    user_status.val(user_status.find('option: contains('+objData.user_status+')').val()));

如果您没有使用value属性，请在

等选项中创建value属性

<select name="is_manager" id="user_status">
      <option style="width:auto" value="0">--Select Status--?</option>
      <option style="width:auto" value="Enable">Enable</option>
      <option style="width:auto" value="Disable">Disable</option>
  </select>

现在，在这种情况下，您编写的普通代码将起作用。

Answer 3

使用此

$('#user_status>option[value="'+objData.user_status+'"]').prop('selected', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select name="is_manager" id="user_status">
      <option style="width:auto" value="0">--Select Status--?</option>
      <option style="width:auto" value="Enable">Enable</option>
      <option style="width:auto" value="Disable">Disable</option>
  </select>

在html选择中显示AJAX成功JSON值

3 个答案: