ajax获取到的数据怎么放入下拉框

时间:2021-10-17 18:58:29
<td>产品类型:</td>
<td align="left">
    <input id="cplx" name="cplx" class="mini-combobox" style="width:99%;height:30px" 
       onvaluechanged="onDeptChanged" 
       url="${basePath}/platform/basecode/getviewlist.do?viewname=v_bhzcplxtype"/>
</td>
</tr>
<tr>
    <td>产品型号:</td>
<td align="left">
<select id="cpxh" name="cpxh" class="mini-combobox" style="width:99%;height:30px"></select>
</td>


这是jsp页面



function onDeptChanged() {
var id = mini.get("cplx").getValue();
var cpxh=mini.get("cpxh");
cpxh.setValue("");
    var url = basePath+"/mechanicalequipment/mixingplantmgr/getcpxh.do?";  
    MU.RS({url:url,params:{id:id},callback:function(result){
for (var i = 0; i < result.length; i++) {
$("#cpxh").append("<option value='"+result[i].cpxh+"'>" + result[i].cpxh + "</option>");
}
}});
 

这是js页面



[{cpxh=田中RAP3000型}, {cpxh=qqqq}, {cpxh=ww}]这是后台获取到的数据




2 个解决方案

#1


你这样写没什么问题呀 后台获取到数据 前端select就是这样加载数据的

#2


使用到框架的ui,动态加载完option后要手动调用框架api初始化一次,要不ui不会更新或者生成。或者使用组件的api来添加option,不能直接操作原始控件

Web开发学习资料推荐
通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名
配置chrome支持本地(file协议)ajax请求

#1


你这样写没什么问题呀 后台获取到数据 前端select就是这样加载数据的

#2


使用到框架的ui,动态加载完option后要手动调用框架api初始化一次,要不ui不会更新或者生成。或者使用组件的api来添加option,不能直接操作原始控件

Web开发学习资料推荐
通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名
配置chrome支持本地(file协议)ajax请求