Dojo獲取下拉框的文本和值實例代碼
更新時間：2016年05月27日 11:21:07 作者：翱翔天地
這篇文章主要介紹了Dojo獲取下拉框的文本和值實例代碼的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
Dojo
Dojo是一個用javascript語言實現(xiàn)的開源DHTML工具包。它是在幾個項目捐助基礎上建立起來的(nWidgets,Burstlib,f(m)),這也是為什么叫它a"unified"toolkit的原因。Dojo的目標是解決開發(fā)DHTML應用程序遇到的那些，長期存在、歷史問題(historical problems with DHTML)?？鐬g覽器問題。
1、問題背景
這里有一個下拉框，其中選項為一年四季，選中后打印下拉框的值和文本
2、實現(xiàn)源碼
<!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、實現(xiàn)結果
（1）初始化時
（2）點擊“獲取下拉框value”按鈕
（3）點擊“獲取下拉框text”按鈕
相關文章
這篇文章主要為大家詳細介紹了微信小程序實戰(zhàn)之輪播圖效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
Underscore是一個非常實用的JavaScript庫，提供許多編程時需要的功能的支持，他在不擴展任何JavaScript的原生對象的情況下提供很多實用的功能,需要了解的朋友可以詳細參考下2012-12-12
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)計時器，小程序點擊事件觸發(fā)計時器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
論壇里點擊別人帖子下面的回復，回復標題變成“回復 24# 的帖子”
2009-06-06
低代碼作為開發(fā)工具類的產(chǎn)品，需要有從0到1體系化的教程才可以，而且還得有教師進行輔助。否則，學習低代碼是有難度的，入門很難。因為大家習慣了用代碼編程，一下子過度到可視化編程，有一個思路上的轉變2022-08-08
圖片懶加載也是比較常見的一種性能優(yōu)化的方法，本篇文章主要介紹了原生JS實現(xiàn)圖片懶加載(lazyload)實例，這里整理了詳細的代碼,有需要的小伙伴可以參考下2017-06-06
JavaScript控制一張圖片旋轉，每次旋轉90度，可旋轉一周360度，以前沒見到過，也不知道有沒有用，奉獻給大家，希望喜歡2011-12-12
微信小程序使用navigator實現(xiàn)頁面跳轉功能
本周學習了navigtor到導航組件,目前我想使用navigtor組件實現(xiàn)跳轉以及返回功能,下面這篇文章主要給大家介紹了關于微信小程序使用navigator實現(xiàn)頁面跳轉功能的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JavaScript中跨域調用Flash的方法,只需要在Flash中加一句話即可,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細介紹了如何基于JavaScript實現(xiàn)一個可拖拽的容器布局組件,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2023-12-12