在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>
- 使用JSON数据检索AJAX外部成功函数
- 无法在AJAX成功访问中显示JSON结果
- Ajax POST返回成功,但没有;t更新JSON文件
- 在html选择中显示AJAX成功JSON值
- 在 ajax 成功和循环 json 数组时检索 json 数组
- 如何在ajax成功调用中读取解析后的json数据
- AngularJS、DropzoneJS、JSON——上传成功后刷新文件列表
- 同步函数调用涉及post-json调用,其中一个函数应该在另一个函数成功后成功
- JSON / JQUERY - ajax post,如何在成功函数中处理 XML 数据
- 尝试将多个 JSON 数据传递给 Highcharts 但没有成功
- 成功填充 xmlhttprequest 的 Json 对象突然变为“null”
- 在 ajax 中使用 json 对象成功函数(使用 angular.js)
- 如何在 jquery 成功方法中接收 JSON 并使用该 JSON 构建 HTML 内容
- 创建一个 PHP json 提要并成功将其链接到 javascript
- 尽管成功传输了 json,但我的 Jquery.ajax 方法在响应中获得了错误状态
- 内线.当JSON返回“success”时,Ajax.request将成功:false
- 对 asmx Web 服务的 Ajax/json 调用成功完成,但无法显示结果数据
- Ajax 完整函数即使 json 响应成功也不会设置背景图像
- 当响应 JSON 对象数据计数为零时,AJAX 成功回调函数重定向到错误回调
- 成功后的 JSON 返回未定义