js/jquery select 追加option后,下拉框不显示内容

吾日三省贾斯汀
Java领域优质创作者
博客专家认证
2018-01-30 01:15:43
js/jquery根据select的id给 select 追加option后,浏览器显示已经成功追加option代码,如(图3浏览器显示那里),但是下拉框不显示内容,我想问这个option的内容跑到哪里去了。
1、jsp代码


2、js代码


3、浏览器显示

...全文
3516 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
迦南jn 2018-12-11
  • 打赏
  • 举报
回复
你的方法错了,easyui-combobox自身有请求的方法,不用ajax,
  • 打赏
  • 举报
回复
问题已经解决,项目使用的是easyui框架,这是easyui框架的一个坑, jsp改成:(我也是醉了,还必须要加这个样式class="easyui-combobox")
<select id="someSku" name="someSku" class="easyui-combobox" style="width:200px;"></select>
js改成:
var dataList = [];
	$.ajax({ // 使用JQuery内置的Ajax方法
		type : "post", // post请求方式
		async : false, //同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行
		url : url,
		dataType : "json", // 返回数据形式为json
		success : function(result) {
			for ( var wl = 0; wl < result.length; wl++) {
				 dataList.push({"value": result[wl].dictdataValue,"text":result[wl].dictdataName});
			}
			$("#someSku").combobox("loadData", dataList);
		}
	});
Hello World, 2018-01-30
  • 打赏
  • 举报
回复
给出完整的代码
天际的海浪 2018-01-30
  • 打赏
  • 举报
回复
引用 4 楼 JustinQin 的回复:
[quote=引用 3 楼 jslang 的回复:] 你select中设置隐藏 style="display: none;" 当然是显示了。 另外,前端js更改的只是页面在浏览器内存中的内容,不会影响页面的源代码
你先看看我图1,jsp代码,
<select id="someSku" name="someSku" >
		
		</select>
是没有设置select的属性为none的, [/quote] f12控制台中看一下。有没有生成option
  • 打赏
  • 举报
回复
引用 3 楼 jslang 的回复:
你select中设置隐藏 style="display: none;" 当然是显示了。 另外,前端js更改的只是页面在浏览器内存中的内容,不会影响页面的源代码
你先看看我图1,jsp代码,
<select id="someSku" name="someSku" >
		
		</select>
是没有设置select的属性为none的,
天际的海浪 2018-01-30
  • 打赏
  • 举报
回复
你select中设置隐藏 style="display: none;" 当然是显示了。 另外,前端js更改的只是页面在浏览器内存中的内容,不会影响页面的源代码
  • 打赏
  • 举报
回复
引用 1 楼 yaotomo 的回复:
soneSku.options.add(new Option("text","value"));
不行,还是跟我文中说的一样的情况,浏览器select点击没显示内容
yaotomo 2018-01-30
  • 打赏
  • 举报
回复
soneSku.options.add(new Option("text","value"));

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧