|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 菜菜的問題:JS怎麼動態操作SELECT表單,動態增刪選項?
怎麼用JS語句操作select表單,以達到動態增刪選項的目的???
謝謝!!!! |
以前看過蘇沈小雨的：
刪除項目：[html] <script>
function rdl_doRemove(){
with (document.all("oParent").options) {
if (length<1) return;
remove(0);
}
}
</script>
<select id=oParent style="width:200px;">
<option value=1>第1個OPTION子對像</option>
<option value=2>第2個OPTION子對像</option>
<option value=3 selected>第3個OPTION子對像</option>
</select>
<br><br><input type=button value=" 刪除第一個子對像 " onclick="rdl_doRemove()">
[/html]
增加項目：
[html]<script>
function rdl_doAdd(){
var sText,iIndex;
with (document.all("oIndex")) iIndex=parseInt(value,10);
with (document.all("oText")) if (value=="") sText=value="第"+ iIndex.toString()+"個OPTION子對像";else sText=value;
var oOption = document.createElement("option");
oSelect.options.add(oOption,iIndex);
oOption.innerText=oOption.Value=sText;
oOption.selected=true;
}
</script>
<select id=oSelect style="width:240px;">
<option value=0 selected>第0個OPTION子對像</option>
</select><br><br>
<table height=40 width=90%><tr>
<td nowrap>文本: </td><td><input type=text id=oText size=20 value="第1個OPTION子對像"></td>
<td nowrap>序號: </td><td><input type=text id=oIndex size=4 value="1"></td>
<td><input type=button value=" 添加 " onclick="rdl_doAdd()"></td>
</tr></table>
[/html] |
| 謝謝. |
|
