復位文本字段上引導標籤印刷機

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(''); 
     }); 
    });