如何使用ASP:ComboBox向事件添加javascript函数

如何使用ASP:ComboBox向事件添加javascript函数,javascript,asp.net,Javascript,Asp.net,请发发慈悲,在ASP工作不是我的母语环境。我有一个在页面加载期间填充ListItems的。当用户选择其中一个条目时,我需要从selected items值中获取信息,但是我尝试过的事件的每个钩子都没有做任何事情 我该怎么做才能使选定的索引更改触发我的Javascript 控件: 当我运行它时,该部分看起来如下所示: <div id="cboFighterGym" name="cboFighterGym" onchange="hello();" onFocus="alert(&#3

请发发慈悲,在ASP工作不是我的母语环境。我有一个在页面加载期间填充ListItems的。当用户选择其中一个条目时,我需要从selected items值中获取信息,但是我尝试过的事件的每个钩子都没有做任何事情

我该怎么做才能使选定的索引更改触发我的Javascript

控件:

当我运行它时,该部分看起来如下所示:

<div id="cboFighterGym" name="cboFighterGym" onchange="hello();" onFocus="alert(&#39;Hello&#39;)" style="display:inline-block;">
<table id="Table" class="ajax__combobox_inputcontainer" cellspacing="0" cellpadding="0" style="border-width:0px;border-style:None;border-collapse:collapse;display:inline-block;position:relative;top:5px;">
    <tr>
        <td class="ajax__combobox_textboxcontainer"><input name="cboFighterGym$TextBox" type="text" id="TextBox" autocomplete="off" /></td><td class="ajax__combobox_buttoncontainer"><button id="Button" type="button" style="visibility:hidden;"></button></td>
    </tr>
</table><ul id="OptionList" class="ajax__combobox_itemlist" style="display:none;visibility:hidden;">
    <li>Select a Gym</li><li>Other</li><li>555 555, Oregon</li>

</ul><input type="hidden" name="cboFighterGym$HiddenField" id="HiddenField" value="0" />

  • 选择俄勒冈州55555的健身房

如果您使用的是asp.net 4,您可以使用新的,为下拉列表提供一个可预测的名称,然后选择它并订阅JavaScript中的onchange事件

<asp:DropDownList runat="server" ID="selectId" ClientIDMode="Static" />

var sel = document.getElementById("selectId");
sel.onchange = function(){
    alert("Selected value: " + this.value);
};

如果您使用的是asp.net 4,那么可以使用新的,为下拉列表提供一个可预测的名称,然后选择它并订阅JavaScript中的onchange事件

<asp:DropDownList runat="server" ID="selectId" ClientIDMode="Static" />

var sel = document.getElementById("selectId");
sel.onchange = function(){
    alert("Selected value: " + this.value);
};

javascript抛出“sel is nul”,不管ID是什么matching@Pyrodante-我假设您将脚本放在
标题中
?dom可能还没有准备好。将带有此代码的脚本块移动到文档正文的最后。错误消失了,但现在它不再执行任何操作。我发出警报(sel.toString());was output:[object htmldevelment]@Pyrodante-将Javascript作为更新发布到您的问题中我担心这是一个痛苦的基础,但作为一名Android开发人员,被要求从事另一个人的项目,我有点不知所措。Javascript抛出“sel is nul”尽管有身份证matching@Pyrodante-我假设您将脚本放在
标题中
?dom可能还没有准备好。将带有此代码的脚本块移动到文档正文的最后。错误消失了,但现在它不再执行任何操作。我发出警报(sel.toString());was output:[object htmldevelment]@Pyrodante-将Javascript作为更新发布到您的问题中我担心这是一个痛苦的基础,但作为一名Android开发人员,被要求处理另一个人的项目,我有点不适应。您是使用link中的组合框还是ASP.Net Ajax控件工具包中的组合框?是Register Assembly=“AjaxControlToolkit”Namespace=“AjaxControlToolkit”TagPrefix=“asp”您使用的是链接中的组合框还是asp.Net Ajax控件工具箱中的组合框?是Register Assembly=“AjaxControlToolkit”Namespace=“AjaxControlToolkit”TagPrefix=“asp”
var sel = document.getElementsByClassName("uniqueClass")[0];
sel.onchange = function(){
    alert("Selected value: " + this.value);
};