人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptの質問です。
以下のようなHTMLにおいてページを読み込んだ時に、現在選択されているセレクトボックスのラベルの内容(以下の例だと「bb」)を取得したいのですが、どのように書けばよいでしょうか。簡単なことなのかもしれませんが、上手く取得できずに困っています。よろしくお願いします。

<html>
<head>
<script type="text/javascript">
function getLabel() {
何を書けばいいのか…
document.write(取得したラベル内容);
}
</script>
</head>
<body onLoad="javascript:getLabel();">
<form name="hoge" method="post" action="">
<select name="sel">
<option label="aa" value="1">1</option>
<option label="bb" value="2" selected="selected">2</option>
<option label="cc" value="3">3</option>
</select>
<input type="submit" value="送信">
</form>
</body>
</html>

●質問者: smegu
●カテゴリ:ウェブ制作
✍キーワード:BB HTML JavaScript Write セレクト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● studioes
●35ポイント

index = document.getElementById("sel").selectedIndex;

label = document.getElementById("sel").options[index].label;

これで変数labelに選択されている項目のlabelが入ります。

↓みたいな感じで

function getLabel() {

index = document.getElementById("sel").selectedIndex;

label = document.getElementById("sel").options[index].label;

document.write(label);

}

◎質問者からの返答

ありがとうございます!

教えていただいたとおりにやって、

できました!

本当に助かりました。


2 ● studioes
●35ポイント

あ、書き忘れましたが・・・

<select name="sel" id="sel">

の様にして、idを付与してください。

JavaScriptでページ要素を扱う場合は、idを付加するようにすると便利です。

◎質問者からの返答

はい。idをつけて、studioesさんのおかげで無事できました。ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ