基于Ajax的复选框基于所选的下拉值

时间:2011-08-14 06:56:13

标签: ajax checkbox drop-down-menu

我在Ajax中需要一些帮助,根据所选的下拉值,其相应值的列表将以复选框的形式显示,用户可以选择多个复选框。

1 个答案:

答案 0 :(得分:1)

在互联网上,有大量的Ajax教程可以教你做这些事情。你为什么不先做一些谷歌搜索大声笑?

无论如何,它可能是这样的:

<select id="dropdown" onchange="makeAjaxCall()">
    <option value="">Select something</option>
    <option value="option1">Option 1</option>
</select>
<div id="checkList"></div>

function makeAjaxCall()
{
    $("#checkList").html('');
    if ($("#dropdown").val() != "") {
        optionChosen = $("#dropdown").val();
        $.ajax({
            type: "GET",
            url:  "SomePage",
            data: {
                dropdown: optionChosen
            },
            success: function(response) {
                $(response).find('something').each(function() {
                    //generate the check boxes and put in the div.checkList
                });
            },
            dataType: "xml"
        });
    }
}