Dojo獲取下拉框的文本和值實(shí)例代碼
Dojo
Dojo是一個(gè)用javascript語(yǔ)言實(shí)現(xiàn)的開(kāi)源DHTML工具包。它是在幾個(gè)項(xiàng)目捐助基礎(chǔ)上建立起來(lái)的(nWidgets,Burstlib,f(m)),這也是為什么叫它a"unified"toolkit的原因。Dojo的目標(biāo)是解決開(kāi)發(fā)DHTML應(yīng)用程序遇到的那些,長(zhǎng)期存在、歷史問(wèn)題(historical problems with DHTML)??鐬g覽器問(wèn)題。
1、問(wèn)題背景
這里有一個(gè)下拉框,其中選項(xiàng)為一年四季,選中后打印下拉框的值和文本
2、實(shí)現(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、實(shí)現(xiàn)結(jié)果
(1)初始化時(shí)
(2)點(diǎn)擊“獲取下拉框value”按鈕
(3)點(diǎn)擊“獲取下拉框text”按鈕
- dojo 之基礎(chǔ)篇(二)之從服務(wù)器讀取數(shù)據(jù)
- dojo 之基礎(chǔ)篇(三)之向服務(wù)器發(fā)送數(shù)據(jù)
- JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區(qū)別和應(yīng)用場(chǎng)景簡(jiǎn)述
- Dojo 學(xué)習(xí)要點(diǎn)
- 麻雀雖小五臟俱全 Dojo自定義控件應(yīng)用
- dojo隨手記 gird組件引用
- dojo學(xué)習(xí)第一天 Tab選項(xiàng)卡 實(shí)現(xiàn)
- dojo學(xué)習(xí)第二天 ajax異步請(qǐng)求之綁定列表
相關(guān)文章
Underscore.js 的模板功能介紹與應(yīng)用
Underscore是一個(gè)非常實(shí)用的JavaScript庫(kù),提供許多編程時(shí)需要的功能的支持,他在不擴(kuò)展任何JavaScript的原生對(duì)象的情況下提供很多實(shí)用的功能,需要了解的朋友可以詳細(xì)參考下2012-12-12低代碼從0到1創(chuàng)建小程序項(xiàng)目詳解流程
低代碼作為開(kāi)發(fā)工具類的產(chǎn)品,需要有從0到1體系化的教程才可以,而且還得有教師進(jìn)行輔助。否則,學(xué)習(xí)低代碼是有難度的,入門很難。因?yàn)榇蠹伊?xí)慣了用代碼編程,一下子過(guò)度到可視化編程,有一個(gè)思路上的轉(zhuǎn)變2022-08-08原生JS實(shí)現(xiàn)圖片懶加載(lazyload)實(shí)例
圖片懶加載也是比較常見(jiàn)的一種性能優(yōu)化的方法,本篇文章主要介紹了原生JS實(shí)現(xiàn)圖片懶加載(lazyload)實(shí)例,這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下2017-06-06微信小程序使用navigator實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)功能
本周學(xué)習(xí)了navigtor到導(dǎo)航組件,目前我想使用navigtor組件實(shí)現(xiàn)跳轉(zhuǎn)以及返回功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序使用navigator實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08基于JS實(shí)現(xiàn)一個(gè)可拖拽的容器布局組件
這篇文章主要為大家詳細(xì)介紹了如何基于JavaScript實(shí)現(xiàn)一個(gè)可拖拽的容器布局組件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12