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

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

选项卡1包含客户创建详细信息。我的要求是，假设我点击Tabid1并填写关于客户创建的所有信息，而不点击CustomerCreation按钮，然后点击其他Tabid2。然后我需要在返回时清除Tabid1的所有值

我使用此代码通过单击它来显示不同的选项卡

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

功能选择选项卡（选项卡ID）{
$（函数（）{
$（“#制表符”）。制表符({
显示：函数（）{
var selectedTab=$（'#tabs'）。tabs（'option'，'selected'）；
如果（selectedTab='1'| | selectedTab==1）{
警报（document.getElementById（“”）.value）；
document.getElementById（“”）.value==“”；
警报（document.getElementById（“”）.value）；
document.getElementById（“”）.value==“”；
document.getElementById（“”）.value==“”；
document.getElementById（“”）.value==“”；
}
$（“#”）val（选定的选项卡）；
},
所选：tabid
});
});
}

当我点击tabID 1时，我可以捕捉到它，因为我的代码不起作用

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

document.getElementById（“”）.value==“”；

显示相同的警报消息。 假设txtFirstName的值为'kumod'，那么在这一行之后仍然会提示相同的值

---

请帮助我如何解决这个问题，我需要在我的项目中解决这个问题。

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

功能选择选项卡（选项卡ID）{
$（函数（）{
$（“#制表符”）。制表符({
显示：函数（）{
var selectedTab=$（'#tabs'）。tabs（'option'，'selected'）；
如果（selectedTab='1'| | selectedTab==1）{
$（'#'+''）.val（''）；
$（'#'+''）.val（''）；
$（'#'+''）.val（''）；
$（'#'+''）.val（''）；
}
$（“#”）val（选定的选项卡）；
},
所选：tabid
});
});
}

在选项卡中提及并使用表单id，然后使用重置清除选项卡中表单字段的数据。这将减少执行上述操作的代码集

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

像这样

function selectTab(tabid) {

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

---

好的，可能多次使用相同的ID。在我看来这似乎是它的回报是什么？你的html中有相同的id输入字段吗？它是ruby语法，可以在Php中显示像echo这样的值。这很好，但是你能给我一些代码，告诉我代码中的dropdownList有多清晰。请分享其中提到的html代码$（“#ddlayaltation”）.html（“”）；它不工作……它无法清除值……请给我其他解决方案