javascript - 如何动态地将数据传递给选择列表?
问题描述
我需要使用 jquery 将数据动态传递到我的选择列表。我在控制台中看到了该数据,但我的列表为空。你能帮我找到解决办法吗?
<script type="text/javascript">
var kunnr;
$(document).ready(function () {
$('#NAME1').autocomplete({
source: function (request, response) {
$.ajax({
url: "Form2",
method: 'POST',
data: {
term: $('#NAME1').val()
},
success: function (data) {
response(data);
}
});
},
select: function (event, ui) {
kunnr = ui.item.kunnr;
$.ajax({
url: "Form3",
method: 'POST',
data: {
kunnr: kunnr
},
success: function (data) {
console.log(data);
//there is my data ^ i need to pass to select list
}
});
}
});
});
</script>
我的选择列表
@Html.DropDownListFor(model => model.Subaccount, new SelectList(" "), new { @class = "form-control" })
解决方案
将您的 javascript 代码更改为此
var kunnr;
$(document).ready(function () {
$('#NAME1').autocomplete({
source: function (request, response) {
$.ajax({
url: "Form2",
method: 'POST',
data: {
term: $('#NAME1').val()
},
success: function (data) {
response(data);
}
});
},
select: function (event, ui) {
kunnr = ui.item.kunnr;
$.ajax({
url: "Form3",
method: 'POST',
data: {
kunnr: kunnr
},
success: function (data) {
var selectData = JSON.parse(data);//use JSON.parse(), if the data is not already json formatted
$("#Subaccount").empty();
selectData.forEach(function (obj) {
//NOTE the Value and Text are what you assigned them when you fetched them
$('#Subaccount').append($('<option></option>').val(obj.Value).html(obj.Text));
});
}
});
}
});
});
推荐阅读
- python - 如何将隐藏层存储为变量以将其可视化
- java - 创建 bean 时出错:org.hibernate.AnnotationException:@Temporal 只能在 java.util.Date 或 java.util.Calendar 属性上设置
- comments - 我如何在 VSC 的 html 评论中更改括号颜色
- c# - Rider 使用 ASP.NET Core 2.1 应用程序冻结
- python - Selenium,Python,异常。StaleElementReferenceException 错误消息
- node.js - NodeJS如何更改节点请求网址
- automated-tests - 如何解决katalon上的“您的连接不是私人的”
- flutter - 如何在列表视图构建器中处理多个倒数计时器
- system - 如何获得像 bochs 这样的 qemu 重启原因
- mongodb - 在编写 mongo db 聚合查询时需要帮助