复位文本字段上引导标签印刷机

Question

对这一问题的背景下this ..

HTML代码：

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#a" data-toggle="tab">A</a> 
    </li> 
    <li><a href="#b" data-toggle="tab">B</a> 
    </li> 
</ul> 
<div class="tab-content"> 
    <div class="tab-pane active" id="a"> 
     <form id="form1" class="form"> 
      <fieldset id="abc"> 
       <input type="text" name="a"> 
       <input type="text" name="b"> 
      </fieldset> 
      <fieldset id="xyz"> 
       <input type="text" name="x"> 
       <input type="text" name="y"> 
       <input type="text" name="z"> 
      </fieldset> 
     </form> 
    </div> 
    <div class="tab-pane" id="b"></div> 
</div> 

Javascript代码：

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
       $("#xyz > input").val(""); 
      }); 

这不起作用即使类似的按钮按下的工作..

Demo

任何帮助表示衷心感谢

感谢

Answer 1

您需要注册shown.bs.tab事件处理程序，一旦DOM准备就绪：

$(function() { 
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    $("#xyz > input").val(""); 
    });  
}); 

否则on正试图处理程序绑定到一个空的元素列表。

Demo

Answer 2

这将发现通过字段集ID的特定字段集内的所有输入属性它会遍历所有输入字段一个div内部或外部，并清除所有这些，当你切换。

$('a[data-toggle="tabs"]').on('shown.bs.tab', function (e) { 
     $("#fieldset_ID").find(':input').each(function() { 
      $(this).val(''); 
     }); 
    });