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需再刷新一下頁面才能執(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需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼
實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼...2007-07-07
JavaScript 輸入框內(nèi)容格式驗(yàn)證代碼
當(dāng)鼠標(biāo)焦點(diǎn)移至密碼輸入框時(shí),利用js腳本自動(dòng)驗(yàn)證用戶名的格式正確與否2010-02-02
Ajax在線提交留言并實(shí)時(shí)顯示的js代碼[修正版]
Ajax在線提交留言并顯示的HTML實(shí)例,不要小看這一個(gè)頁面哦,雖然代碼也不多,但完成的功能并不少,它可以完成表單判斷、無刷新提交留言、無刷新顯示,并實(shí)現(xiàn)了動(dòng)畫顯示文字的功能,覺得怎么樣呢?2010-11-11
javascript中input中readonly和disabled區(qū)別介紹
javascript中input中readonly和disabled區(qū)別,在開發(fā)中可能會常有用到,利用js動(dòng)態(tài)改變input的屬性2012-10-10

