リストが変更されjavascript
たときに関数を呼び出す必要があります。dropdown
どうすればそれを実装できasp.net
ますか?
onchange
ドロップダウン リストがクリックされるたびに、イベントを使用して関数を実行します。
<select id="mylist" onchange = "go()">
<option value="value1">value1</option>
<option value="value2">value2</option>
</select>
<script>
function go()
{
var x = document.getElementById("mylist").value;
console.log(x);
}
</script>
<asp:DropDownList runat="server" ID="DDList" onclick="alert(1)"></asp:DropDownList>
If you want to get function executed when element clicked, you can use above code to define a function that should be executed 'onclick'.
But it is better to use something like addEventListener
, just search for cross-browser function (for instance, like addListener function here):
document.getElementById("<%=DDList.ClientID %>").addEventListener("click", fucntionToExecuteName, false)
Remember, than in this case you must take DDList.ClientID
and use it as id of an element, because it will be different from ID you have set in your aspx code
But if you need some function to be executed when actual value is changed, you should use onchange
event.
次のようなものを使用します (jQuery を使用):
$(document).ready(function() {
$("#dropdownId").change(function(e)) {
do something...
});
});
このスクリプトをマークアップに追加し、jquery へのスクリプト参照も必ず含めてください。
$(document).ready(function()
{
$("#yourDropdownId").change(function(){
//Todo: write your javascript code here.
});
});
ID として「yourDropdownId」を持つコントロールにプロパティがあることを確認してください。「ClientIDMode」が静的に設定されているか、「すべてを知っている」ASP.NET エンジンが結果の html の要素名を自動生成し、親要素名がデフォルトで制御します。
Jqueryを使用します。
$(document).ready(function(){
$("#DropDownID").change(function () {
// Your requirment
});
});
また、常にdocument.ready
JQuery を使用する
$(document).ready(function(){
$('select[name$=DrpGoingTo]').change(function () {
//Code here
});
});
イベントを使用しonchange
て、それ自体から呼び出すことができます。
<asp:DropDownList ID="DropdownList" runat="server" onchange="javascript:MyFunction();" >
</asp:DropDownList>