javascript select 之間傳值效果的代碼
更新時(shí)間:2007年10月18日 20:42:24 作者:
二個(gè)框內(nèi)值傳遞.不錯(cuò)的效果
<script type="text/javascript" defer="defer">
function $(value)
{
return document.getElementById(value);
}
function ch(s){
var p = new Array(0,1,2);
p[0] = '大學(xué)';
p[1] = '高中';
p[2] = '初中';
if(s.value=='0'){
$('n2').options.length = 0;
$('n2').options.add(new Option(p[0],p[0]));
}
if(s.value=='1'){
$('n2').options.length = 0;
$('n2').options.add(new Option(p[1],p[1]));
}
if(s.value=='2'){
$('n2').options.length = 0;
$('n2').options.add(new Option(p[2],p[2]));
}
}
</script>
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="119"><select name="n1" size="10" id="n1" onchange="ch(this)">
<option value="0">大學(xué)</option>
<option value="1">高中</option>
<option value="2">初中</option>
</select>
</td>
<td width="281"><select name="n2" size="10" id="n2"><option value="a">a</option>
</select></td>
</tr>
</table>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
復(fù)制代碼 代碼如下:
<script type="text/javascript" defer="defer">
function $(value)
{
return document.getElementById(value);
}
function ch(s){
var p = new Array(0,1,2);
p[0] = '大學(xué)';
p[1] = '高中';
p[2] = '初中';
if(s.value=='0'){
$('n2').options.length = 0;
$('n2').options.add(new Option(p[0],p[0]));
}
if(s.value=='1'){
$('n2').options.length = 0;
$('n2').options.add(new Option(p[1],p[1]));
}
if(s.value=='2'){
$('n2').options.length = 0;
$('n2').options.add(new Option(p[2],p[2]));
}
}
</script>
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="119"><select name="n1" size="10" id="n1" onchange="ch(this)">
<option value="0">大學(xué)</option>
<option value="1">高中</option>
<option value="2">初中</option>
</select>
</td>
<td width="281"><select name="n2" size="10" id="n2"><option value="a">a</option>
</select></td>
</tr>
</table>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧...2007-02-02CSS3實(shí)現(xiàn)動(dòng)態(tài)背景登錄框的代碼
本文介紹了一款基于jQuery+CSS3實(shí)現(xiàn)的帶有動(dòng)畫效果的動(dòng)態(tài)背景登陸框特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-07-07從阿里媽媽發(fā)現(xiàn)的幾個(gè)不錯(cuò)的表單驗(yàn)證函數(shù)
從阿里媽媽發(fā)現(xiàn)的幾個(gè)不錯(cuò)的表單驗(yàn)證函數(shù)...2007-09-09實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼
實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼...2007-07-07