我有一些下拉选择的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>