Question

总而言之，这是我修改过的问题我从帮助中学习如何在本论坛中提问我是jquery的新手想要使用下拉列表创建动态复选框。

示例如下

http://jsfiddle.net/evfnLn0x/?utm_source=website&utm_medium=embed&utm_campaign=evfnLn0xembedded/result,css,html,js

但我希望在动态用户界面上显示此内容，因为复选框和项目将动态创建

我尝试的事情 html（我已动态生成）

<div class="dropdown-check-list" id="list1" runat="server"> <span class="anchor">&nbsp;&nbsp;&nbsp;***** select ***** </span><ul class="items" id="items_234"><li id="379"><input id="chk_1504_379" type="checkbox" '="">mango </li><li id="476"><input id="chk_1504_476" type="checkbox" '="">apple </li></ul></div>

Js功能由我使用 var value = $（“＃”+ $（this）.attr（'id'））。find（'div [id ^ =“list1 _”]'）;

$("#" + $(this).attr('id')).find('div[id^="list1_"]').each(function () {
    var checkList = $(this).attr('id')

    $("#" + $(this).attr('items')).find('div[id^="items_"]').children().each(function () {


    checkList.getElementsByClassName('anchor')[0].onclick = function (evt) {
        if (items.classList.contains('visible')) {
            items.classList.remove('visible');
            items.style.display = "none";
        }

        else {
            items.classList.add('visible');
            items.style.display = "block";
        }


    }

    items.onblur = function (evt) {
        items.classList.remove('visible');
    }


});

}）;

CSS：与示例相同请帮忙此致

动态JQuery Dropdown with combobox

0 个答案: