便利eelife Java Script

   戻る

セレクトメニュー(リストボックス)の設置。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="myFORM"><SELECT name="list" size="1">
<OPTION value="http://www.google.com/">Google</OPTION>
<OPTION value="http://www.infoseek.co.jp/">Infoseek</OPTION>
<OPTION value="http://search.fresheye.com/">fresheye</OPTION>
<OPTION value="http://allabout.co.jp/" selected>All About Japan</OPTION>
<OPTION value="http://www.yahoo.co.jp/">Yahoo!</OPTION>
</SELECT><INPUT onclick="act()" type="button" value="GO"></FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function act() {
index_nub = document.myFORM.list.selectedIndex;
alert(index_nub);

Opt_value=document.myFORM.list.options[index_nub].value;
alert(Opt_value);

T_value = document.myFORM.list.options[index_nub].text;
alert(T_value);
}

// -->
</SCRIPT>
コメント
size : 画面に表示する行数

selected : 最初に選択されている項目

document.myFORM.list.selectedIndex : リストの順番 上から 0 , 1 , 2,..........です。

document.myFORM.list.options[index_nub].value : OPTION value=""の値を取得します。

document.myFORM.list.options[index_nub].text : 画面に表示される項目の文字列を取得します。