前提・実現したいこと
javascriptでプルダウンメニューの項目を選択するたび、
既存のhtmlの要素を書き換える処理がしたいです。
すごい初心者な質問だと思いますが、数時間悩んでいるのでご教示いただければ幸いです;
発生している問題・エラーメッセージ
プルダウンメニューは表示されるのですが、
項目を選択しても要素が切り替わりません…。
該当のソースコード
html
1<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> 2 3<form name="form1" action=""> 4 <select id="Select1""> 5 <option>要素1</option> 6 <option>要素2</option> 7 <option>要素3</option> 8 <option>要素4</option> 9 <option>要素5</option> 10 </select> 11 </form> 12 13 <div id="output">デフォルトの文字列</div>
js
1$('select').change(function() { 2 selindex = document.form1.Select1.selectedIndex; 3 target = document.getElementById("output"); 4 switch (selindex) { 5 case 0: 6 target.innerHTML = "要素1が選択されています。<br/>"; 7 break; 8 case 1: 9 target.innerHTML = "要素2が選択されています。<br/>"; 10 break; 11 case 2: 12 target.innerHTML = "要素3が選択されています。<br/>"; 13 break; 14 case 3: 15 target.innerHTML = "要素4が選択されています。<br/>"; 16 break; 17 case 4: 18 target.innerHTML = 19 "<p>テスト要素一段目</p>" + "<p>テスト要素二段目</p>"; 20 break; 21 } 22 }
試したこと
<input type="button" value="Exec" onclick="onButtonClick();" />
上記記述をプルダウンの横に設置し、項目選択後にボタンをクリックする事で書き換えを行う事は出来ました。
補足情報(FW/ツールのバージョンなど)
使用ツール:Sublime Text 3
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/13 00:35