javascript - 如何使用 javascript 添加 DIV 以选择选项

我的问题是关于java脚本，我想使用java脚本在选择标签内放置或添加一个div或按钮或输入。

我使用 jquery.sumoselect 插件让你有多个复选框，但是当我想在 select 标签内添加一些 DIV 时，它显示在列表之外。

我想要选择元素内的div，如下图所示:/image/Xd6FX.jpg

这是我的 html 代码

<div class="select-box-style right">
                    <div class="your-list-title">Your Lists</div>

                    <select multiple="multiple" class="md_what_get right SlectBox">
                        <option selected value="electronics">Electronics</option>
                        <option value="games">Video Games</option>
                        <option value="books">Books</option>
                        <option value="others">Others</option>
                        <option value="others"><input type="text" name="lname"></option>
                    </select>
                    <div class="add-list-box">
                        <input type="text" class="input-add-list"/>
                        <label class="label-spcbtn-blue spr" >Add</label>
                    </div>
                </div>

以及如何调用插件:

<script type="text/javascript">
                    $(document).ready(function () {
                        $('.SlectBox').SumoSelect();
                    });
                </script>

感谢您的帮助!

.... 更新!

查看此链接http://wenzhixin.net.cn/p/multiple-select/docs/

在 Filter1 上，您可以看到 select 元素内的输入搜索，我该怎么做？

最佳答案

SumoSelect 或 MultipleSelect(按原样)都不支持您正在查看的功能。但是，首先需要澄清一些问题:

到

转换器”。

但是，为了简单起见，您可以创建一个具有所有所需功能的

，使用常规的普通旧复选框，并根据您的 UX 流程/需求隐藏/显示整个

。

关于javascript - 如何使用 javascript 添加 DIV 以选择选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30672832/