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
Post a Comment