2014-01-17 58 views
0

我有一個頁面,其中有四個選項卡。每個選項卡都有一些功能。每個選項卡都有自己的ID,比如第一個選項卡,tabid是0,第二個選項卡選項卡Id是1。On Tab點擊清除javascript中的文本框值

tabId 1有客戶創建的詳細信息。我的要求是,假設我點擊TabID 1並填寫關於客戶創建的所有信息,不要點擊客戶創建按鈕,並在其他選項卡上點擊假設tabID 2.然後我需要獲得tabID 1的所有值。回到它。

我正在使用此代碼來通過單擊它來顯示不同的選項卡。

function selectTab(tabid) { 

     $(function() { 
      $("#tabs").tabs({ 
       show: function() { 
        var selectedTab = $('#tabs').tabs('option', 'selected'); 
        if (selectedTab == '1' || selectedTab == 1) { 
         alert(document.getElementById('<%= txtFirstName.ClientID %>').value); 
         document.getElementById('<%= txtFirstName.ClientID %>').value == ''; 
         alert(document.getElementById('<%= txtFirstName.ClientID %>').value); 
         document.getElementById('<%= txtLastName.ClientID %>').value == ''; 
         document.getElementById('<%= txtDOB.ClientID %>').value == ''; 
         document.getElementById('<%= txtMailLocation_AddressLine1.ClientID %>').value == ''; 
        } 
        $("#<%= hdnSelectedTab.ClientID %>").val(selectedTab); 
       }, 
       selected: tabid 
      }); 
     }); 
    } 

當我點擊tabID 1我能夠趕上它我的代碼不工作。

document.getElementById('<%= txtFirstName.ClientID %>').value == ''; 

顯示相同的警報消息。 SUPPOSE txtFirstName具有值'kumod'然後此行仍然警告相同的值 請幫我解決這個問題將如何解決我需要在我的項目中。

+0

還好有可能是相同的ID多次使用。這在我看來。 – Jai

+0

<%= txtFirstName.ClientID%> - 它返回什麼?和你有相同的id輸入字段在你的HTML? – Khamidulla

+0

這是ruby語法來顯示php中的回顯值。 –

回答

1

試試jquery在這裏可能對你有幫助。

function selectTab(tabid) { 

     $(function() { 
      $("#tabs").tabs({ 
       show: function() { 
        var selectedTab = $('#tabs').tabs('option', 'selected'); 
        if (selectedTab == '1' || selectedTab == 1) { 
         $('#'+'<%= txtFirstName.ClientID %>').val(''); 
         $('#'+'<%= txtLastName.ClientID %>').val(''); 
         $('#'+'<%= txtDOB.ClientID %>').val(''); 
         $('#'+'<%= txtMailLocation_AddressLine1.ClientID %>').val(''); 
        } 
        $("#<%= hdnSelectedTab.ClientID %>").val(selectedTab); 
       }, 
       selected: tabid 
      }); 
     }); 
    } 
+0

這工作正常,但你可以給我代碼如何清除這個代碼中的dropdownList。 –

+0

其中dropdownList請分享html代碼並在其中提及。 –

+0

0

提及並在選項卡中使用表單id並使用reset清除選項卡中表單字段的數據。這將會減少您爲執行上述操作所設置的代碼集。

$("#form"+tabid).reset(); 

這樣

function selectTab(tabid) { 

    $(function() { 
     $("#tabs").tabs({ 
      show: function() { 
       $("#form"+tabid).reset(); 
      }, 
      selected: tabid 
     }); 
    }); 
} 
相關問題