2010年10月11日


JavaScript : コンボボックスのテキスト部分を取得

テキストはそれ自体がノードなので、firstChild.nodeValue で取得します。
<SCRIPT type="text/javascript">
function checkOptionText() {

	var combo = document.frm.combo;
	var options = combo.getElementsByTagName("OPTION");
	var text = ""

	for( i = 0; i < options.length; i++ ) {
		text += options[i].firstChild.nodeValue + "\n";
	}

	alert(text);

}
</SCRIPT>

<FORM name="frm">
<SELECT name="combo" style='width:150px;'>
<OPTION value="1">データ1</OPTION>
<OPTION value="2">データ2</OPTION>
<OPTION value="3">データ3</OPTION>
<OPTION value="4">データ4</OPTION>
</SELECT>
</FORM>

<INPUT type="button" value="テキスト取得" onclick='checkOptionText();'>


posted by at 21:26 | Comment(0) | JavaScript : 要素 | このブログの読者になる | 更新情報をチェックする


この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。