選択リストで項目の追加と削除
- newキーワードを使いOptionオブジェクトを生成し、options配列に代入する。
- 書式は･･･options配列 = new Option(text値, value値);
- 削除するには、削除したいoptions配列にnull を代入すればよい。
Sample Source......................................................................>>>
<script language="JavaScript">
<!--
function AddMenu(f){ //項目の追加
num = f.add.selectedIndex;
addvalue = f.add.options[num].value;
addtext = f.add.options[num].text;
f.menu.options[f.menu.length] = new Option(addtext,addvalue); //末尾に追加
}
function DelMenu(f){ //項目の削除
if(f.menu.selectedIndex >= 0)f.menu.options[f.menu.selectedIndex] = null;
else alert("削除する項目がありません！");
}
// --></script>
</head>
<body>
<form name="form1">
<table width="80%" border="1">
<tr><td width="52%">
●新規ウィンドウにページを開きます
<select name="menu" size="1">
<option selected value="../../index.htm">ﾎｰﾑ(ﾄｯﾌﾟﾍﾟｰｼﾞ) </option>
<option value="../../vbs/index.htm">VB Script </option>
<option value="../../dhtm/frameset.htm">CSSとDHTML </option>
</select>を
<input type="button" name="open" value="開く"
onclick="if(menu.selectedIndex>=0)window.open(menu.options[menu.selectedIndex].value)">
■選択項目を
<input type="button" value="削除" onclick="DelMenu(this.form)">します
</td><td width="48%">
左の選択リストに
<select name="add" size="6">
<option selected value="../../index.htm">ﾎｰﾑ(ﾄｯﾌﾟﾍﾟｰｼﾞ) </option>
<option value="../../vbs/index.htm">VB Script </option>
<option value="../../japplet.htm">Java Applet </option>
<option value="../../dhtm/frameset.htm">CSSとDHTML </option>
<option value="../../mylink.htm">お薦めLink集 </option>
<option value="../../etc/index.htm">その他 </option>
</select>項目を
<input type="button" value="追加" onclick="AddMenu(this.form)">します
</td></tr></table>
</form>