加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

dojo-获取下拉框的值和文本

发布时间:2020-12-16 21:59:37 所属栏目:百科 来源:网络整理
导读:1、问题背景 这里有一个下拉框,其中选项为一年四季,选中后打印下拉框的值和文本 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="utf-8" /titledojo-获取下拉框的值和文本/titlelink rel="stylesheet" href="js/dojo/dijit/themes/claro/claro.css" /scri

1、问题背景

这里有一个下拉框,其中选项为一年四季,选中后打印下拉框的值和文本


2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>dojo-获取下拉框的值和文本</title>
		<link rel="stylesheet" href="js/dojo/dijit/themes/claro/claro.css" />
		<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
		<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
		<style>
			#season{
				width:200px;
			}
		</style>
		<script>
			dojoConfig={async:true,parSEOnLoad:true}
		</script>
		<script>
			require([
    			"dojo/store/Memory","dijit/form/FilteringSelect","dojo/domReady!"
				],function(Memory,FilteringSelect){
   					 var seasonStore = new Memory({
        				data: [
				            {name:"春季",id:"spring"},{name:"夏季",id:"summer"},{name:"秋季",id:"autumn"},{name:"冬季",id:"winter"}
				        ]
				    });
				
				    var seasonSelect = new FilteringSelect({
				        id: "season",name: "season",value: "spring",store: seasonStore,searchAttr: "name"
				    },"season").startup();
				});
		</script>
	</head>
	<body class="claro">
		<input id="season" /><br>
	    <button id="valueBtn" onclick="alert(dijit.byId('season').get('value'))">获取下拉框value</button>
	    <button id="textBtn" onclick="alert(dijit.byId('season').get('displayedValue'))">获取下拉框text</button>
	</body>
</html>

3、实现结果

(1)初始化时



(2)点击“获取下拉框value”按钮



(3)点击“获取下拉框text”按钮

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读