Javascript not showing .value?

Javascript not showing .value?

本文关键字：value showing not Javascript      更新时间：2023-09-26

我试图使用JavaScript设置一个文本框文本等于"或NULL。我正在使用visual studio 2013，并创建了一个asp.net web应用程序。我也在使用遥控控制(不确定这是否会影响任何事情)。我目前有一个组合框(ddlMaritalStatus)和一个文本框(txtSpouseName)。我目前有JavaScript，当ddlMaritalStatus选择的文本设置为单一，然后txtSpouseName被禁用。我还想有txtSpouseName有其文本擦除时，ddlMaritalStatus变回单一。我一直在通过谷歌和stack overflow进行研究，但没有找到一个可行的选择。我找到的每个答案都说使用document.getElementById("txtSpouseName").value = "";，但我的程序没有使用JavaScript读取.value。

<telerik:RadComboBox ID="ddlMaritalStatus" runat="server" EmptyMessage="--Select--" OnClientSelectedIndexChanged="DisableBox" TabIndex="15" AutoPostBack="false"></telerik:RadComboBox>
                <script type="text/javascript">
                    function DisableBox() {
                        var TextBox = $find("<%=txtSpouseName.ClientID %>");
                        var Location = $find("<%=ddlMaritalStatus.ClientID %>");
                                if (Location.get_text().length < 7) {
                                    TextBox.disable();
                                    document.getElementById("txtSpouseName").value = "";
                                }
                                else {
                                    TextBox.enable();
                                }
                            }
                </script>
<telerik:RadTextBox ID="txtSpouseName" runat="server" Enabled="false" AutoPostBack="false" TabIndex="16"></telerik:RadTextBox>

这是我到目前为止的代码。任何帮助或建议将是伟大的!谢谢!

编辑我用ie11。

请尝试使用下面的代码片段。

<script type="text/javascript">
    function ClientSelectedIndexChanged(sender, args) {
        if (sender.get_selectedItem().get_value() == "Single") {
            document.getElementById(sender.get_id().replace("ddlMaritalStatus", "txtSpouseName")).value = "";
            document.getElementById(sender.get_id().replace("ddlMaritalStatus", "txtSpouseName")).disabled = "disabled";
        }
        else {
            document.getElementById(sender.get_id().replace("ddlMaritalStatus", "txtSpouseName")).value = "";
            document.getElementById(sender.get_id().replace("ddlMaritalStatus", "txtSpouseName")).disabled = "";
        }
    }
</script>
...........
...........
<asp:Panel ID="Panel1" runat="server">
    <telerik:RadComboBox ID="ddlMaritalStatus" runat="server" OnClientSelectedIndexChanged="ClientSelectedIndexChanged">
        <Items>
            <telerik:RadComboBoxItem Value="Married" Text="Married" />
            <telerik:RadComboBoxItem Value="Single" Text="Single" />
        </Items>
    </telerik:RadComboBox>
    <asp:TextBox ID="txtSpouseName" runat="server"></asp:TextBox>
</asp:Panel>

这是我从另一个帖子中找到的答案。这将在选择"已婚"时禁用文本框，并在选择"单身"时删除并禁用文本框。感谢所有帮助过我的人!

function DisableBox(sender, args) {

var TextBox = $find("<%=txtSpouseName.ClientID %>");
if (args.get_item().get_text() == "Married") {
    TextBox.enable();
}
else {
    TextBox.clear();
    TextBox.disable();
}

}

相关文章：