Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用asp.net下拉列表调用javascript函数_Javascript_Asp.net - Fatal编程技术网

如何使用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>