道場
Dojoは、JavaScript言語で実装されたオープンソースのDHTMLツールキットです。これは、いくつかのプロジェクト寄付(NWIDGETS、BURSTLIB、F(M))に基づいて構築されているため、「統一された」ツールキットと呼ばれます。 Dojoの目標は、DHTMLアプリケーションを開発する際にDHTMLの長年の歴史的問題を解決することです。クロスブラウザーの問題。
1。問題の背景
これは、オプションが一年中ずっと行われ、ドロップダウンボックスの値とテキストが選択されているドロップダウンボックスです。
2。ソースコードを実装します
<!doctype html> <html> <head> <meta charset = "utf-8"/> <title> dojo-dojo-drop-down box </itlink rel = "styleSheet" href = "js/dojo/dijit/themes/claro/claro.css src = "js/jquery-1.12.4.js"> </script> <script = "text/javascript" src = "js/dojo/dojo/dojo.js"> </script> <style> {width:200px; } </style> <scrip> dojoconfig = {async:true、parseonload:true} </script> <script> require(["dojo/store/memory"、 "dijit/form/filteringselect"、 "dojo/domready!"]、function(memory、filteringselect){var seasonstore = new memory(sprup ":" ":" "":sprun {name: "summer"、 "summer"}、{autumn "、" autumn "}、{name:" winter "}]}); </script> </head> <body> <入力ID = "season"/> <br> <button id = "valuebtn" onclick = "alert(dijit.byid( 'season')。get( 'value'))"> get dropdown box value </button> <button id = "textbtn" onclick = "ボックステキスト</button> </body> </html>3。結果を達成します
(1)初期化
(2)[ドロップダウンボックス値を取得]ボタンをクリックします
(3)[[ドロップ]ボックステキストの取得]ボタンをクリックします