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

最新推荐文章于 2020-03-23 12:23:31 发布

采精小蝴蝶

最新推荐文章于 2020-03-23 12:23:31 发布

阅读量236

点赞数

本文链接：https://blog.csdn.net/jrrfgj/article/details/83905120

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

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>