如何使用asp.net下拉列表调用javascript函数
当如何使用asp.net下拉列表调用javascript函数,javascript,asp.net,Javascript,Asp.net,当下拉列表更改时,我需要调用javascript函数 如何在asp.net中实现该功能?使用Jquery: $(document).ready(function(){ $("#DropDownID").change(function () { // Your requirment }); }); 另外,最好将它写在文档中 $(document).ready(function(){ $('select[name$=DrpGoingTo]').cha
下拉列表更改时,我需要调用javascript
函数
如何在asp.net
中实现该功能?使用Jquery:
$(document).ready(function(){
$("#DropDownID").change(function () {
// Your requirment
});
});
另外,最好将它写在文档中
$(document).ready(function(){
$('select[name$=DrpGoingTo]').change(function () {
//Code here
});
});
使用如下内容(使用jQuery):
请记住,在这种情况下,您必须使用DDList.ClientID
并将其用作元素的id,因为它将不同于您在aspx代码中设置的id
但如果需要在实际值更改时执行某些函数,则应使用onchange
事件 每当单击下拉列表时,使用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>
价值1
价值2
函数go()
{
var x=document.getElementById(“mylist”).value;
控制台日志(x);
}
将此脚本添加到标记中,并确保还包括对jquery的脚本引用:
$(document).ready(function()
{
$("#yourDropdownId").change(function(){
//Todo: write your javascript code here.
});
});
确保ID为“yourDropdownId”的控件具有属性:“ClientMode”设置为静态,或者“all knowing”ASP.NET引擎将自动为生成的html生成元素名,默认情况下将父元素名附加到控件中。您可以使用onchange
事件并从自身调用它:
<asp:DropDownList ID="DropdownList" runat="server" onchange="javascript:MyFunction();" >
</asp:DropDownList>
asp.net控件最终呈现为纯html控件。因此,您不应该在访问它们时遇到任何困难。jquery是您最好的朋友。
<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>
$(document).ready(function()
{
$("#yourDropdownId").change(function(){
//Todo: write your javascript code here.
});
});
<asp:DropDownList ID="DropdownList" runat="server" onchange="javascript:MyFunction();" >
</asp:DropDownList>