html - javascript to change form data not working -


i have following code when change drop down doesnt matter choose puts first part selected....

<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> 

so when select option 2 should show collector , phone #...

you're missing <td colspan="2"> in first row, regardless, code works fine. test here.


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -