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


Show AJAX success JSON values in html selection

我有一些下拉选择的html表单,我使用相同的表单编辑数据,

现在,为了编辑表中任何一行的数据,我创建了AJAX请求,一旦选择了该行并用户点击编辑,AJAX就会用ID获取该特定行的所有值。

我的html表单有一些输入元素和选择元素,我可以用下面的代码在输入元素中显示值,

在我的html元素中,id-user_name是输入类型,所以我可以在框中看到数据值

但是id为user_status的元素是选择类型,其中我有启用和禁用选项,

      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,简而言之,我想查看选择元素中的现有值。

谢谢,

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

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

希望这能帮助您

我是说,如果你为等所有选项设置了一些值属性,那就太好了

 <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()));

如果你没有使用价值属性,那么在等选项中创建价值属性

<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>

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

使用此

$('#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>