在选项卡上单击清除javascript中的文本框值

Question

我有一个页面，其中有四个选项卡。 每个选项卡都有一些功能。 每个选项卡都有自己的ID，例如第一个选项卡，tabid为0，第二个选项卡的ID为1。

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 == '';

显示相同的警报消息。 假设txtFirstName的值为'kumod'，则在此行之后仍警告相同的值，请帮助我如何解决此问题，我需要在项目中解决此问题。

Answer 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
            });
        });
    }

Answer 2

在选项卡中提及和表单ID，然后使用reset清除选项卡旁边的表单字段的数据。 这将减少用于执行上述操作的代码集。

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

像这样

function selectTab(tabid) {

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