如何重新加载下拉列表
How to reload dropdownlist
我想重新加载下拉列表。
如果我现在在下拉列表上做一个选择,我选择了其他选项,那么之前的值也会显示出来。
<script type="text/javascript">
$(document).ready(function () {
$("#SelectedCategoriedFaqId").change(function () {
$.ajax({
url: "/Medicijnverstrekking/FAQ/SubCategorie/",
type: 'POST',
dataType: 'json',
data: {
Categorieid: this.value
},
success: function (data) {
$('SelectedCategoriedFaqId').val('').trigger('liszt:updated');
//alert("Data retrieval successfull");
var items = "";
$.each(data, function (i, val) {
var opt = $("<option></option>")
.attr("value", val.Value)
.text(val.Text);
$('#FaqCategorie_Id').append(opt);
});
},
error: function (xhr) {
alert("Something seems Wrong");
}
});
});
});
</script>
谢谢
$.each(data, function (i, val) {
var opt = $("<option></option>")
.attr("value", val.Value)
.text(val.Text);
$('#FaqCategorie_Id').append(opt);
});
只写:
$('#FaqCategorie_Id').empty();
这将从您的下拉菜单中删除所有项目,然后您从ajax请求中获得的新项目将添加到您的下拉菜单中。
您应该首先从列表中删除所有其他选项,然后再添加ajax检索的选项。假设第一个选项是
<option value=""></option>
,你可以:
success: function (data) {
var ddl = $('SelectedCategoriedFaqId');
ddl[0].options.length = 1;
ddl.val('').trigger('liszt:updated');
//alert("Data retrieval successfull");
var items = "";
$.each(data, function (i, val) {
var opt = $("<option></option>")
.attr("value", val.Value)
.text(val.Text);
ddl.append(opt);
});
HTH
相关文章:
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 如何在页面加载后禁用下拉列表框项目的选择
- 如果使用jquery在页面加载时未选择任何选项,如何禁用下拉列表
- 下拉重新加载页面,然后检索值
- 在Moqui中,如何在html.ftl中加载数据库表数据作为下拉列表
- 使用下拉菜单加载 iframe 的 src,然后进行更改
- 使用 jQuery 和 html 下拉列表加载页面
- 如何基于其他下拉数据加载Jqgrid下拉列表
- 根据下拉选择加载新页面
- 在火狐浏览器中打开并填充下拉框加载
- 击倒下拉验证加载?必需的
- 如何为选定的下拉值加载所有匹配的数据行
- 等待下拉菜单加载
- 下拉列表加载数据从数据库PHP javascript
- 如何检查是否启动下拉菜单加载
- 下拉更改加载时的Knockout fire订阅
- Ajax下拉选择加载数据
- JQuery-回调下拉列表加载
- 保留“;高度“;Ajax调用后jQuery中的声明(下拉选择加载产品数据,重置其他页面元素的高度)
- 选中下拉重新加载页面并获取值