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

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

2 个答案: