dojo Select下拉菜单项无法选中的原因与解决

浅浅的花香味﹌ 2022-08-27 01:27 156阅读 0赞

最近遇到一个奇怪问题，Select+JsonRest实现一个下拉菜单功能，下拉菜单可以正常显示，但是有一个选项却无法选中，总是会跳到第一项。除这个选项外其他选项都可以选中。经过观察，这个选项对应的选项值是整数0，也就是id为0。尝试把这项的选项值改为任意非0整数，问题不再出现。可能是dojo select插件不能正确解析选项值为整数0的情况。

继续试验，强制把该项选项值改为字符串‘0’，其他项不变，也没有出现该项无法选中情况。于是，对JsonRest返回值全部进行处理，把选项值从整数型转为字符串型，问题解决。

具体实现代码：

function(JsonRest, Select, array, Memory, ObjectStore) {
    	var json = new JsonRest({
    		target: url
    	});
    	var ary = [];
    	json.query().then(
    		function(items) {
    			// 处理数据
    			array.forEach(items, function(item) {
    				var tmp = {
    					'typeId': String(item.typeId), // 此处转换typeId从int->string
    					'typeName': item.typeName
    				};
    				ary.push(tmp);
    			});
    			var store = new Memory({
    				data: ary,
    				idProperty: 'typeId'
    			});
    			var os = new ObjectStore({
    				objectStore: store
    			});
    			var select = new Select({
    					name: "selectDemo",
    					store: os,
    					labelAttr: "typeName",
    					value: value,
    					style: "width: 180px;"
    				},
    				"target_DOM_Id"
    			);
    			select.startup();
    		}
    	);
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，156人围观）

还没有评论，来说两句吧...

相关阅读

相关 select 下拉框不可选中

select 下拉框不可选中 disabled属性定义和用法浏览器支持实例业务应用移除disab

你的名字/ 2022年12月25日 14:53/ 0 赞/ 362 阅读

相关基于Jquery的模拟Select下拉菜单

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</t

深藏阁楼爱情的钟/ 2022年09月26日 03:48/ 0 赞/ 192 阅读

相关 vue提交select下拉框选中的值

写在前面的而一些啰嗦的话: vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。 Star指数：69.7k G

墨蓝/ 2022年09月05日 04:09/ 0 赞/ 248 阅读

相关 vue提交select下拉框选中的值

例子 <template> <div class="tab-container"> <div class="filter-containe

向右看齐/ 2022年08月29日 09:39/ 0 赞/ 216 阅读

相关 dojo Select下拉菜单项无法选中的原因与解决

最近遇到一个奇怪问题，Select+JsonRest实现一个下拉菜单功能，下拉菜单可以正常显示，但是有一个选项却无法选中，总是会跳到第一项。除这个选项外其他选项都可以选中。经过

浅浅的花香味﹌/ 2022年08月27日 01:27/ 0 赞/ 157 阅读

相关 SelecT下拉框选中和取值的方法

Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。这个很好解决：如下: <div class="page-h

柔情只为你懂/ 2022年07月14日 00:57/ 0 赞/ 338 阅读

相关 Javascript获取select下拉框选中的的值

现在有一id=test的下拉框，怎么拿到选中的那个值呢？分别使用javascript原生的方法和jquery方法 <select id="test" name="test

本是古典何须时尚/ 2022年07月12日 02:45/ 0 赞/ 215 阅读

相关 select与datalist在制作下拉菜单时的区别

原文出处：[https://blog.csdn.net/Doulvme/article/details/53941114][https_blog.csdn.net_Doulvm

曾经终败给现在/ 2022年05月08日 10:18/ 0 赞/ 129 阅读

相关 angularjs的设置select的选中项解决

我获取的是省份的列表，代码如下： this.findProvince=function () { return $http.get("../r

淩亂°似流年/ 2022年02月02日 00:49/ 0 赞/ 417 阅读

相关设置下拉框选中项

最近忙完毕业答辩，今天终于可以继续看我的js啦；实现一个随机的下拉选中框 <body> <input type="button" id="btn"

悠悠/ 2022年01月26日 11:29/ 0 赞/ 291 阅读