| ポイント |
<![CDATA[
document.aForm.result.value = txt;
<select onChange="setData(this[this.selectedIndex].value)">
]]>
|
| 説 明 |
選択された項目番号の値（optionタグのvalueで指定した値、データ）を取得するにはselectタグのonChangeイベントと組み合わせます。セレクトメニューで選択された項目の内容をテキストフィールドに表示するにはテキストフィールドのvalueプロパティに選択項目を入れます。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>セレクトメニューで選択された項目の値をテキストフィールドに表示する</title>
<script language="JavaScript"><!--
function setData(txt)
{
document.aForm.result.value = txt;
}
// --></script>
</head>
<body>
<form name="aForm">
<select onChange="setData(this[this.selectedIndex].value)">
<option value="MZ-80K">MZ-80K
<option value="MZ-80C">MZ-80C
<option value="MZ-80K2">MZ-80K2
</select>
<br>
<input type="text" name="result">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
セレクトメニューで選択された項目の値をテキストフィールドに表示する
