JavaScriptのdropdownlist.selectedIndexがASP.netページでエラーを起こしている

Question

値をドロップダウンリストから選択したかどうかに基づいてボタンを有効/無効にしようとしています。何らかの理由でJavaScriptが選択されたインデックスを取得しません。ドロップダウンリスト私はのonChange属性追加している後ろのコードで

<asp:DropDownList ID="ddlMyDropDownList" runat="server"> 
    <asp:ListItem> </asp:ListItem> 
    <asp:ListItem>Yes</asp:ListItem> 
    <asp:ListItem>No</asp:ListItem> 
</asp:DropDownList> 

：ここでは、ドロップダウンリストの宣言だ

ddlMyDropDownList.Attributes.Add("onchange", "enableButton();") 

はこれがenableButton機能が一部にまで剥奪、次のようになります

function enableButton() { 
    var ddl = document.getElementById('#<%= ddlMyDropDownList.ClientID %>'); 
    alert("Testing"); 
    var idx = ddl.selectedIndex; 
}; 

このように、ドロップダウンリストの値を変更すると警告が表示されます。私はIDX行の後にアラートを移動した場合、しかし：

function enableButton() { 
    var ddl = document.getElementById('#<%= ddlMyDropDownList.ClientID %>'); 
    var idx = ddl.selectedIndex; 
    alert("Testing"); 
}; 

それはddl.selectedIndexは何とかエラーの原因となっていることを示し、発生しません。なぜこれが起こっているのでしょうか、どのように解決しますか？ユーザーが最初のオプション以外のものを選択した場合にのみテストしたいと思うとすれば、これを行う方が簡単ですか？

Answer 1

alert(ddl)の場合、IDが#<%= ddlMyDropDownList.ClientID %>の要素がないため、おそらくがnullであることがわかります。 id文字列の先頭から#を削除してみてください。

Answer 2

あなたのJS-機能のうち投げ、それを：

<script type="text/javascript"> 
    var ddlMyDropDownList = '<%= ddlMyDropDownList.ClientID %>'; 

    function enableButton() { 
    var ddl = document.getElementById(ddlMyDropDownList); 
    } 
</script> 

か - より良い可能性 - 直接参照を渡す：

ddlMyDropDownList.Attributes.Add("onchange", "enableButton(this);") 

その後、あなたは要素を検索する必要はありません。

function enableButton(ddl) { 
    var idx = ddl.selectedIndex; 
}