将选择框选项替换为JSON结果
Replace Select Box Options With JSON Result
我有一个选择框,当我单击按钮时,会发出ajax请求,并返回json对象,该对象包含选择框的新选项列表。是否有任何方法可以从选择框中删除所有选项并将其替换为新的列表?
<select id="cat-0" >
<option value="0">Select One...</option>
<option value="1">Text 1</option>
<option value="2">Text 2</option>
<option value="3">Text 3</option>
</select>
使用.html()
插入新选项清除现有选项
$('#cat-0').html(newOptions);
当然,你需要从JSON数据中构造选项,就像这样。
var json=[{value:'1', text:'Option1'},
{value:'2', text:'Option2'},
{value:'3', text:'Option3'}];
var options=$('<select/>');
$.each(json, function(id, ob){
options.append($('<option>',
{value:ob.value,
text:ob.text}));
});
$('#cat-0').html(options.html());
小提琴
//Clear the select list
$('#cat-0').empty();
//then fill it with data from json post
$.each(data, function(key, value) {
$('#cat-0')
.append($("<option></option>")
.attr("value",key)
.text(value));
}
相关文章:
- 对于每个json结果,使用类jquery添加css
- 在Ionic'中显示JSON结果;s系列重复
- 如何将JSON结果设置为'src'共'img'以在ASP.NET MVC4中显示图像
- 获取json结果的身份验证问题
- 无法在AJAX成功访问中显示JSON结果
- jQuery 循环 JSON 结果,对象作为值
- json结果显示第一个值
- node.js+MySQL;JSON结果-回调问题&没有响应客户端
- 我无法通过AJAX获得嵌套的JSON结果
- 我如何用jquery读取简单的json结果,以及如何发布新的结果
- onclick在视图中显示重复的json结果
- 如何在Javascript中解析Json结果
- 如何使用javascript将json结果转换为数组
- 调用.ajax方法得到未定义的json结果,返回json格式列表<字符串>
- 如何将自定义字段添加到Json结果-ASP.NET MVC
- 如何提醒我的 json 结果
- 无法在iPhone应用程序上使用PhoneGap和javascript获取JSON结果,但使用相同的代码在Android
- 以 json 结果的形式返回对象列表
- 如何使用 JQuery 以表格形式打印通用 json 结果
- jquery-ui 自动完成仅允许从多个 JSON 结果中按名称搜索