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

当我从第一个下拉菜单中选择一项时,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/

希望你能明白.