ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript-如何检测下拉列表的选定值

2019-12-10 07:46:27  阅读:292  来源: 互联网

标签:ajax drop-down-menu html javascript jsp


当我从第一个下拉菜单中选择一项时,ajax事件将触发,调用另一个函数,并将信息加载到第二个下拉菜单中.我不想要这个(请没有按钮的解决方案)

<select id=combo1>
   <option>...</option>
   ...  
</select>
<input type=button onclick="loadCombo2()">

解决方法:

如果它是在ASP.NET中实现的,我将使用HTTP处理程序将JSON格式的数据返回到第二个组合框.

使用jQuery,您可以通过以下方式调用处理程序以实现级联:

$("#combo1").change(function()
{
    $("#combo2").html("");

    var valueSelected = $("#combo1").val();

    if (valueSelected != 0)
    {                 
        $.getJSON('LoadCombo2.ashx?valueSelected=' + valueSelected, function(returnedData)
        {
            $.each(returnedData, function()
            {                        
                $("#combo2").append($("<option></option>").val(this['ID']).html(this['Value']));

            });
        });
    }
});

要了解如何实现HTTP处理程序,请看本文中更完整的分步指南:
http://www.codedigest.com/Articles/jQuery/224_Building_Cascading_DropDownList_in_ASPNet_Using_jQuery_and_JSON.aspx

如果您不需要级联组合框,它将变得更加容易.只需调用不传递任何参数的处理程序并加载您需要填充jQuery回调函数中第二个组合框的任何数据即可.

http://api.jquery.com/jQuery.getJSON/

希望你能明白.

标签:ajax,drop-down-menu,html,javascript,jsp
来源: https://codeday.me/bug/20191210/2100219.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有