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>

回答の条件
  • 1人5回まで
  • 登録:2007/04/08 19:27:00
  • 終了:2007/04/08 19:55:56

回答(2件)

id:studioes No.1

studioes回答回数523ベストアンサー獲得回数612007/04/08 19:36:03

ポイント35pt

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);

}

id:smegu

ありがとうございます!

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

できました!

本当に助かりました。

2007/04/08 19:54:37
id:studioes No.2

studioes回答回数523ベストアンサー獲得回数612007/04/08 19:49:54

ポイント35pt

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

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

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

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

id:smegu

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

2007/04/08 19:55:34

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません