黑马程序员技术交流社区

标题: javascript 问题 onchange（）问题 [打印本页]

---

作者: 陈斌    时间: 2012-3-8 22:01
标题: javascript 问题 onchange（）问题
</script>
function changeCity()
{
   var province=document.form1.seclectProvince.value;
   var newOption1,newOption2;
   switch(province)
   {
      case "四川省":
          newOption1=new Option("成都市","chengdu");
          newOption2=new Option("泸州市","luzhou");
          break;
          case "福建省"：
          newOption1=new Option("福州市"，"fuzhou");
          newOption2=new Option("宁德市","ningde");
          break;
          document.form1.selectCity.options.length=0;
          document.form1.selectCity.options.add(newOption1);
          document.form1.selectCity.options.add(newOption2);
         
   }
</script>
<form action="untitled1.asp" name="form1" method="post" onSubmit="return jiaoyan()">
<table border="1" width="429" height="195" align="center">
<tr >
<td height="25" align="right">省：</td>
<td align="center"><select name="seclectProvince" id="seclectProvince"  onchange="changeCity()">
<option>请选择...</option>
<option value="福建省"> 福建省</option>
<option value="四川省">四川省</option>
<option value="山东省">山东省</option>
</select></td>
</tr>
<tr >
<td height="25" align="right">城市：</td>
<td align="center"><select name="selectCity" id="selectCity">
<option>请选择...</option>

</select></td>
</tr>
</table>
</form>

觉的写的没错啊 、怎么效果出不来  求解决、、

---

作者: 黄秋    时间: 2012-3-9 07:26


写得太马虎了，想不到是几个低级错误(仅一个似乎是逻辑问题)，调试了不少时间:
1. 第一个“</script>”--<script>，
2. switch，应在selectCity.options前加个“}”，总之少了个“}”，
　　selectCity.options语句不应在switch内，即使在，也不能是break后，否则不会执行，逻辑问题。
3. case "福建省"：--- 全角"："
4. ("福州市"，"fuzhou"); --- 全角"，"

1. <script>
   
2. function changeCity()
   
3. {
   
4.    var province=document.form1.seclectProvince.value;
   
5.    var newOption1,newOption2;
   
6.    switch(province)
   
7.    {
   
8.       case "四川省":
   
9.           newOption1=new Option("成都市","chengdu");
   
10.           newOption2=new Option("泸州市","luzhou");
    
11.           break;
    
12.      case "福建省":
    
13.           newOption1=new Option("福州市","fuzhou");
    
14.           newOption2=new Option("宁德市","ningde");
    
15.           break;               
    
16.         }
    
17.   document.form1.selectCity.options.length=0;
    
18.   document.form1.selectCity.options.add(newOption1);
    
19.   document.form1.selectCity.options.add(newOption2);
    
20.   //selectCity=document.getElementById("selectCity");
    
21. }   
    
22. </script>

复制代码

---

作者: 陈斌    时间: 2012-3-9 12:18

黄秋 发表于 2012-3-9 07:26
写得太马虎了，想不到是几个低级错误(仅一个似乎是逻辑问题)，调试了不少时间:
1. 第一个“”--，
2. switc ...

改了怎么还不行、、、、郁闷啊

---

作者: 陈斌    时间: 2012-3-9 12:35
ok   解决了、、谢了！！！{:soso_e179:}

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2