【JavaScript】プルダウンリストの一覧を取得するサンプル
ボタンを押すとプルダウンリストの一覧を取得できる。
コード内容
■HTML
|
1 2 3 4 5 6 7 |
<select id="list"> <option value="spring">春</option> <option value="summer">夏</option> <option value="autmun">秋</option> <option value="winter">冬</option> </select> <input type="button" value="リストの一覧を表示" onclick="btn_click()"> |
■JavaScript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
//リストの内容を一覧表示する function btn_click() { var s = document.getElementById('list'); var child = s.firstElementChild; var msg = ''; while (child) { msg += child.textContent + ' : ' + child.value + '\n'; child = child.nextElementSibling; } window.alert(msg); } |
タグ :
DOM, JavaScript
