如何调用外部输入的各种输入重置

我有一个形式与各种输入，文本，下拉，径向按钮，滑块和复选框。我的“重置”按钮不在表单之外（在表单上方）。有没有办法点击按钮并将所有输入设置回默认值？如何调用外部输入的各种输入重置

我有一个Twitter Bootstrap手风琴，带有手风琴接头上的重置按钮。表格位于手风琴内部。我希望能够清楚表明手风琴是扩展还是折叠。

例子：

手风琴标题（扩大）复位

输入字段

手风琴标题（折叠）复位

我复位是在我的HTML像这样：

<a id="icon-Reset" href="#form" class="btn-mini" type="reset"><i class="icon-refresh" title="Reset" ></i></a>

我试图在我的javascript f ile：

#icon-Reset.click(function(){ 
$('#form').get(0).reset(); 
});

但我不能得到任何工作。

更清楚，这里是具有上述HTML行的HTML的顶部：

<div id="side-bar-container"> 
<div id="sideBar"> 
    <div class="accordion" id="mainAccordion"> 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" 
        data-parent="#mainAccordion" data-target="#collapseOne"> <i 
        class="icon-chevron"></i>Accordion Heading1 
       </a> 
       <a id="icon-Reset" href="#form" class="btn-mini" type="reset"><i class="icon-refresh" title="Reset" ></i></a> 
      </div> 
      <div id="collapse" class="accordion-body collapse in"> 
       <div class="accordion-inner scrollable"> 
        <div id="Accordion1"> 
         <form id="form"class="form-search form-horizontal"> 
          <fieldset>

我非常新的JavaScript，HTML等，所以请详细...谢谢！！

来源

2013-10-09 user2847749

阅读有关jQuery选择，做出尝试，回来后你的代码和虐待帮助 – DavidB

为什么表格外的复位按钮？它可以被放置在任何地方，仍然在表格 –

@DavidB，我一直在阅读和尝试过去两天。我编辑了我的问题。 – user2847749

您的方法是正确的，但您必须将表单重置操作附加到按钮的单击事件。它可以是任何控制，假设它是ID为跨度“复位”

<span id="reset">Reset</span>

您可以点击它复位形式ID为“形式”是这样的：

$('#reset').click(function() { 

    $("#form")[0].reset(); 

})

此代码将采取行动跨度的“onclick”事件和行动内部获取表单并重置它。这里有一个小的演示 - 填写表格，然后点击复位：

http://jsfiddle.net/29ewk/

来源

2013-10-09 17:01:32

谢谢你的回应。我已经尝试过，但它仍然无法正常工作，我在我的问题中添加了更多的html。我的工作不正常，因为它的ID没有被重置？或者没有跨度？或者我没有正确链接我的？ – user2847749

其实是的，我的示例代码专门用于ID =“reset”的控件。你可以作为一个测试，用' Reset''替换整个''行？在$（document）.ready（function（）{...'）内部单击（函数（）{...'），并且不要忘记您必须运行该初始化代码$（'＃reset'致电 –

我用你的代码取代了我的所有代码，但它仍然无法工作...也许这是我的程序的其余部分？另外，我不明白你的意思是$（document）.ready（function（）{... call – user2847749

如何调用外部输入的各种输入重置

回答

相关问题