JavaScriptとselectと動的関係

いまいち説明が長すぎたり余計なコードが多すぎたり、でドンピシャなサイトが無かったので記述することにした。


[1]selectのオブジェクトを取得する場合


selectボックスを取得したい場合はidを振って


var obj = document.getElementById("id名");


例)


<select id="aiueo" name="aiueo">


</select>



var obj = document.getElementById("aiueo");


[2]Selectボックスの変化を知るのは

onChange


例)

<select id="aiueo" name="aiueo" onChange="SelectChange();">


[3]selectボックス内、どれを選択されているかを知るのは


var obj = document.getElementById('aiueo');

var value = obj.options[obj.selectedIndex].value;


これでvalueに値が入ってくる。obj.selectedIndexは現在選択されている場所の添え字ということ。


[4]動的にselectボックス内のoptionを追加する場合


obj.length++;

obj.options[ obj.length - 1 ].value = "値";

obj.options[ obj.length - 1 ].text = "ラベル";



<option value="値">ラベル</option>


というのと同じ。





コメントをどうぞ