当我单击重置按钮时,我的工作代码可以重置我的表单。但是,在我的代码变长之后,我意识到它不再起作用了。
<div id="labels"> <table class="config"> <thead> <tr> <th colspan="4"; style= "padding-bottom: 20px; color:#6666FF; text-align:left; font-size: 1.5em">Control Buttons Configuration</th> </tr> <tr> <th>Index</th> <th>Switch</th> <th>Response Number</th> <th>Description</th> </tr> </thead> <tbody> <form id="configform" name= "input" action="#" method="get"> <tr> <td style="text-align: center">1</td> <td><img src= "static/switch.png" height="100px" width="108px"></td> <td id="small"><input style="background: white; color: black;" type="text" value="" id="number_one"></td> <td><input style="background: white; color: black;" type="text" id="label_one"></td> </tr> <tr> <td style="text-align: center">2</td> <td><img src= "static/switch.png" height="100px" width="108px"></td> <td id="small"><input style="background: white; color: black;" type="text" id = "number_two" value=""></td> <td><input style="background: white; color: black;" type="text" id = "label_two"></td> </tr> <tr> <td style="text-align: center">3</td> <td><img src= "static/switch.png" height="100px" width="108px"></td> <td id="small"><input style="background: white; color: black;" type="text" id="number_three" value=""></td> <td><input style="background: white; color: black;" type="text" id="label_three"></td> </tr> <tr> <td style="text-align: center">4</td> <td><img src= "static/switch.png" height="100px" width="108px"></td> <td id="small"><input style="background: white; color: black;" type="text" id="number_four" value=""></td> <td><input style="background: white; color: black;" type="text" id="label_three"></td> </tr> <tr> <td></td> <td><input type="submit" id="configsubmit" value="Submit"></td> </tr> <tr> <td><input type="reset" id="configreset" value="Reset"></td> </tr> </form> </tbody> </table> </div>
还有我的 jQuery:
$('#configreset').click(function(){ $('#configform')[0].reset(); });
为了使该.reset()方法起作用,我应该在我的代码中包含一些来源吗?以前我使用的是:
.reset()
<script src="static/jquery.min.js"></script> <script src="static/jquery.mobile-1.2.0.min.js"></script>
并且该.reset()方法有效。
目前我正在使用
<script src="static/jquery-1.9.1.min.js"></script> <script src="static/jquery-migrate-1.1.1.min.js"></script> <script src="static/jquery.mobile-1.3.1.min.js"></script>
这可能是原因之一吗?
我终于解决了问题!!@RobG 关于form标签和table标签是正确的。 标签应该放在表格外面 。form接着就,随即,
form
table
<td><input type="reset" id="configreset" value="Reset"></td>
无需 jquery 或其他任何东西即可工作。只需点击按钮,tadaa~ 整个表格就被重置了;)太棒了!