ajax将数据遍历给select的option选项

Posted zxh1919

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax将数据遍历给select的option选项相关的知识,希望对你有一定的参考价值。

ajax将数据遍历给select的option选项


jsp:  

<select name="type" id="typeId">
<option>请选择</option>
</select>
js:

$.ajax({
url : "/xxxx.do" ,
type : "GET",
dataType:"json",
success : function(data) {
for (var i = 0; i < data.length; i++) {
var option = document.createElement("option");
$(option).val(data[i].type);
$(option).text(data[i].type);
$(‘#typeId‘).append(option);
}
}
});
java:

action层调用业务逻辑查询返回List封装成json传递给ajax


————————————————
版权声明:本文为CSDN博主「海贼|王路飞」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/gy1030472166/article/details/80578240

以上是关于ajax将数据遍历给select的option选项的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎么给select加上默认选项

jsp中select里如何获取数据库的值显示在options 里

使用 AJAX 和 PHP 将 <options> 附加到 <select>

jQuery $.ajax(), $.post 在 Firefox 中将“OPTIONS”作为 REQUEST_METHOD 发送

HTML中select控件怎样设置成默认值,并且下拉框选项中没有默认值

为 Vue Select2 包装器组件使用动态 AJAX URL