1
檢測是否有選中
if (objSelect.selectedIndex > - 1 ){
// 說明選中
} else {
// 說明沒有選中
}
2 刪除被選中的項
objSelect.options[objSelect.selectedIndex] = null ;
3 增加項
objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );
4 修改所選擇中的項
objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );
5 得到所選擇項的文本
objSelect.options[objSelect.selectedIndex].text;
6 得到所選擇項的值
objSelect.options[objSelect.selectedIndex].value;
--------------------------------動態表單、表單域個數不定的實現--------------------------------------------------------------
if (objSelect.selectedIndex > - 1 ){
// 說明選中
} else {
// 說明沒有選中
}
2 刪除被選中的項
objSelect.options[objSelect.selectedIndex] = null ;
3 增加項
objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );
4 修改所選擇中的項
objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );
5 得到所選擇項的文本
objSelect.options[objSelect.selectedIndex].text;
6 得到所選擇項的值
objSelect.options[objSelect.selectedIndex].value;
functioninsert(x)
{
varhtml="";
vari;
for(i=1;i
<
=x
;i++)
{
html
=html
+"<tr
><
td
>
a"+i+"
</
td
><
td
><
input
name
="a"
+i+""type
="text"
id
="a"
+i+""
/></
td
></
tr
>
";
}
html="
<
table
border
="1"
>
"+html+"
</
table
>
";
document.getElementById("tablecontent").innerHTML=html;
}
functioncg(obj)
{
insert(obj.value);
}
在HTML中調用如下：
<
form
action
=""
method
="post"
name
="form1"
id
="form1"
>
<
select
name
="totalnum"
id
="totalnum"
onchange
="javascript:cg(this);"
>
<
option
value
="10"
>
10
</
option
>
<
option
value
="2"
>
2
</
option
>
<
option
value
="50"
>
50
</
option
>
<
option
value
="100"
>
100
</
option
>
</
select
>
<
div
id
="tablecontent"
>
</
div
>
</
form
>
---------------------------通過聲明二維數組綁定SELECT下拉菜單 ----------------------------------------
<
HTML
>
<
HEAD
>
<
TITLE
>
動態改變下拉菜單內容示例
</
TITLE
>
</
HEAD
>
<
SCRIPTLANGUAGE
=
javascript
>
//
定義一個二維數組aArray,用于存放城市名稱。
var
aCity
=
new
Array();
aCity[
0
]
=
new
Array();
aCity[
1
]
=
new
Array();
aCity[
2
]
=
new
Array();
aCity[
3
]
=
new
Array();
//
賦值，每個省份的城市存放于數組的一行。
aCity[
0
][
0
]
=
"
--請選擇--
"
;
aCity[
1
][
0
]
=
"
--請選擇--
"
;
aCity[
1
][
1
]
=
"
廣州市
"
;
aCity[
1
][
2
]
=
"
深圳市
"
;
aCity[
1
][
3
]
=
"
珠海市
"
;
aCity[
1
][
4
]
=
"
汕頭市
"
;
aCity[
1
][
5
]
=
"
佛山市
"
;
aCity[
2
][
0
]
=
"
--請選擇--
"
;
aCity[
2
][
1
]
=
"
長沙市
"
;
aCity[
2
][
2
]
=
"
株州市
"
;
aCity[
2
][
3
]
=
"
湘潭市
"
;
aCity[
3
][
0
]
=
"
--請選擇--
"
;
aCity[
3
][
1
]
=
"
杭州市
"
;
aCity[
3
][
2
]
=
"
蘇州市
"
;
aCity[
3
][
3
]
=
"
溫州市
"
;
function
ChangeCity()
{
var
i,iProvinceIndex;
iProvinceIndex
=
document.frm.optProvince.selectedIndex;
iCityCount
=
0
;
while
(aCity[iProvinceIndex][iCityCount]
!=
null
)
iCityCount
++
;
//
計算選定省份的城市個數
document.frm.optCity.length
=
iCityCount;
//
改變下拉菜單的選項數
for
(i
=
0
;i
<=
iCityCount
-
1
;i
++
)
//
改變下拉菜單的內容
document.frm.optCity[i]
=
new
Option(aCity[iProvinceIndex][i]);
document.frm.optCity.focus();
}
</
SCRIPT
>
<
BODYONfocus
=
ChangeCity()
>
<
H3
>
選擇你所在的省份及城市
</
H3
>
<
FORMNAME
=
"
frm
"
>
<
P
>
省份：
<
SELECTNAME
=
"
optProvince
"
SIZE
=
"
1
"
ONCHANGE
=
ChangeCity()
>
<
OPTION
>--
請選擇
--</
OPTION
>
<
OPTION
>
廣東省
</
OPTION
>
<
OPTION
>
湖南省
</
OPTION
>
<
OPTION
>
浙江省
</
OPTION
>
</
SELECT
>
</
P
>
<
P
>
城市：
<
SELECTNAME
=
"
optCity
"
SIZE
=
"
1
"
>
<
OPTION
>--
請選擇
--</
OPTION
>
</
SELECT
>
</
P
>
</
FORM
>
</
BODY
>
</
HTML
>
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
