HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

Javascript select の選択要素を取りだす。

select で選択されている要素を取り出す方法は何個かあるけど、その中の一つ。

HTML
<select name="mcolr1" id="mcolr1"  OnChange="moveUrl(1);">
<option value="#CC0000" selected>RED</option>
<option value="#00CC00">GREEN</option>
<option value="#0000CC">BLUE</option>
</select>
<select name="mcolr2" id="mcolr2"  OnChange="moveUrl(2);">
<option value="#CC0000" selected>RED</option>
<option value="#00CC00">GREEN</option>
<option value="#0000CC">BLUE</option>
</select>

Javascript
function moveUrl(numb)
{
	var movetoolurls = document.getElementById("murls"+numb);
	var movetoolcolr = document.getElementById("mcolr"+numb);

	var idx;
	idx = movetoolcolr.selectedIndex;
	movetoolurls.value ="barcolor="+movetoolcolr[idx].value;

	//もっと簡単に書くならば
	var movetoolcolr = document.getElementById("mcolr"+numb);
	movetoolurls.value ="barcolor="+movetoolcolr[ movetoolcolr.selectedIndex ].value;

}

※「動かない」と思ったら、他のところで文法エラー起こしてないか確認しよう。





スポンサーリンク

スポンサーリンク

カテゴリー