javascript - 如何使用 Javascript 函数在下拉选择值上启用或禁用 asp 按钮？

Question

我有 asp 下拉菜单和按钮，我想让按钮在下拉菜单选择的值为索引 0 时始终禁用，并在选择其他值时启用。

我的代码，但它不工作:

function checkSelect()
{
if (document.getElementById('ddlSte').value == 'Select One')
   document.getElementById('StGoBtn').disabled = true;
else
   document.getElementById('StGoBtn').disabled = false;
}

控制:

<asp:DropDownList ID="ddlSte" runat="server" Width="162px" onchange='checkSelect(this);'>
             </asp:DropDownList>
                                                    
 <asp:Button ID="StGoBtn" CssClass="buttnStyle" runat="server" Text="GO>>"></asp:Button>

Answer 1

Asp.NET 中的控件与您在代码中声明的 ID 不同。

使您的解决方案正常工作的第一种方法是将 DownDropList 和 Button 的属性 ClientIDMode 声明为 Static。这样，呈现的 ID 将与您在代码中声明的相同。

最好的方法是使用@şhşkhaṝ 提案。例如，您可以将 onchange 属性定义为:

onchange='checkSelect(<%=ddlSte.ClientID %>, <%=StGoBtn.ClientID %>);'

然后将您的 checkSelect 函数重新定义为:

function checkSelect(ddlID, buttonID) { ... }