0

我有以下代码，当我更改下拉列表时，我选择哪个并不重要，它总是将第一部分作为选定的....

<script type="text/javascript"> 
function changeValue(){ 
  var option=document.getElementById('block').value; 

if(option=="1"){ 
        document.getElementById('a').value="18005551212"; 
        document.getElementById('b').value="PW"; 
} 
    else if(option=="2"){ 
        document.getElementById('a').value="5551212"; 
        document.getElementById('b').value="Collector"; 
    } 
if(option=="3"){ 
        document.getElementById('a').value="3"; 
        document.getElementById('b').value="3"; 
    } 

    else if(option=="4"){ 
        document.getElementById('a').value="4"; 
        document.getElementById('b').value="4"; 
    } 

} 
</script> 
<form method="post">
<table>  <tr><b>Add new data using form below</b></tr>       
 <tr><td>  Keyword:  </td><td> <input type="text" name="keyword" id="keyword"><br></td></tr>
<tr><td> Block?: </td><td><select name="block" id="block" onchange="changeValue();"> 
<option id="block1" value="1">Block 1</option>
 <option id="block2" value="2">Block 2</option>
 <option id="block3" value="3">Block 3 </option>
 <option id="block4" value="4">Block 4</option>
 <option id="block5" value="5">Block 5</option>
</select><br></td></tr>
<tr><td> Phone #:</td><td> <input type="text" name="phone" id="a"><br></td></tr>
<tr><td> Reason: </td><td> <input type="text" name="reason" id="b"><br></td></tr>
  <tr><td> </td><td align="left"> <input type="submit" name="submit" value="Submit  Data"></td></tr>
    </table>
      </form>

因此，当我选择选项 2 时，它应该显示收集器和电话号码...

4

2 回答 2

0

继续 jsfiddle.net 并粘贴您的代码。您提供的代码有效。

于 2012-06-28T17:23:41.850 回答
0

您<td colspan="2">在第一行中缺少 a，但无论如何，您的代码都可以正常工作。在这里测试。

于 2012-06-28T17:27:32.010 回答