一个简单的,有时间就进来帮个忙

Question

<select style="width:150px" name="brandid" onchange="change()">
          <option value='0'>--请选择手机品牌--</option>
           <option value='1'>xx1</option>
         <option value='2'>xx2</option>
       </select></td><select style="width:150px" name="productid">
           <option value='0'>--请选择手机型号--</option>
我现在只要求
name="brandid" 这下拉列表内容被改变的时候,name="productid"的内容进行相应的变动
假定 用户选择列表1的xx1,列表2的内容为<option value='0'>--请选择手机型号--</option>
<option value='0'>手机型号1</option>
<option value='0'>手机型号2</option>
假定用户选择列表1的xx2,列表2的内容为<option value='0'>--请选择手机型号--</option>
<option value='0'>手机型号3</option>
<option value='0'>手机型号4</option>
请问:这个javascript怎么写,<script  type="text/javascript">
//
function Change(){
//请各位帮我写下,多谢了
}
</script>
非常感谢

Answer 1

<script>
var data = new Array();
data[1] = [[1,"手机型号1"],[2,"手机型号2"]];
data[2] = [[3,"手机型号3"],[4,"手机型号4"]];function change(sel){
var n = sel.options[sel.selectedIndex].value;
var p = document.forms[0].productid;
for(var i=0; i<p.options.length; i++) p.options.remove(1);
for(var i=0; i<data[n].length; i++){
var opt = document.createElement("OPTION");
opt.text = data[n][i][0];
opt.value = data[n][i][i];
p.options.add(opt);
}
}
</script>
<form>
<select style="width:150px" name="brandid" onchange="change(this);"> 
<option value='0'>--请选择手机品牌--</option> 
<option value='1'>xx1 </option> 
<option value='2'>xx2 </option> 
</select><select style="width:150px" name="productid">
<option value='0'>--请选择手机型号--</option> 
</select>
</form>