javascript select 之間傳值效果的代碼

2024-05-06 14:18:52

字體：大中小

來源：轉載

供稿：網友

二個框內值傳遞.不錯的效果

代碼如下:
<script type="text/javascript" defer="defer">

function $(value)
{
return document.getElementById(value);
}
function ch(s){
var p = new Array(0,1,2);
p[0] = '大學';
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">大學</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需刷新才能執行]

上一篇：用javascript實現div可編輯的常見方法

下一篇：用js實現手把手教你月入萬刀(轉貼)