小编Joh*_*n M的帖子

我正在尝试创建一个下拉列表，当单击第一个列表项时，会打开一个与列表旁边所选项目相关的新项目列表，如下所示：

尝试为此使用 boostrap selectpicker，然后单击尝试添加另一个列表：

<select class="selectpicker" data-live-search="true">
            <optgroup label="Select Group 1">
                <option value="1">Option 1.1</option>
                <option value="2">Option 1.2</option>
                <option value="3">Option 1.3</option>
            </optgroup>
            
        </select>

并在 jquery 中单击尝试追加和刷新选择器。

       $(event.target)
           .append("<optgroup label="Select Group 2">
                <option value="4">Option 2.1</option>
                <option value="5">Option 2.2</option>
                <option value="6">Option 2.3</option>
            </optgroup>");
       $(dropdowmElem).selectpicker("refresh");

但不确定如何实现类似的布局，不是寻找类似的 css 样式，而是在现有列表旁边呈现另一个列表，有什么帮助/来源可以解决这个问题？

我在 html 页面上看到了一个复选框：

      <input type="checkbox" id="chk-info" name="chk-info"  /> 

当我尝试编写更改事件并运行时，它不会被解雇。相反，如果我在正常触发的函数之前放置一条警报消息。

 alert('blah');
 var sth = function(){
 function m(){
$("input[type='checkbox']").click(function (e) {
            if ($(this).is(':checked')) {
                alert("true");
            } else {
                alert("false");
            }

        });
   }
     return{ m:m};
    };

我也尝试过使用 id 选择器，但运气不佳。谁能帮我指出问题出在哪里？

编辑：当我将复选框选中的函数放在上述函数之外时，它可以与标签上附加的“onchange”事件配合<input>良好