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

Question

我的问题是关于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 元素内的输入搜索，我该怎么做？

Answer 1

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

框是标准 HTML 标记，除了 或 之外不接受其他标记。参见这里:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select SumoSelect 和 MultipleSelect 都是 Javascript 插件，可将实际选择“转换”为自定义构建的 标签，并使用 javascript 来处理逻辑。也就是说，您可以修改/扩展这些插件来创建所需的 ，也可以构建您自己的“ 到

转换器”。

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

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

。

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

上一篇：Javascript:ForEach循环通过此方法访问json标签的正确方法

下一篇：javascript - 当 Meteor 中的导出名称冲突时会发生什么？

相关文章：

java - Mozilla MediaRecorder 的音频输出格式是什么以及如何在 Java(或 Scala)中解码 ogg 格式

Javascript SignalR 等到服务广播所有消息

javascript - 如何在表单验证后禁用或隐藏提交按钮并通过ajax提交？

python - GAE(Python)简单的Ajax调用(无法弄清楚实现这一点所需的基本内容):

java - 从 request.getParameter() 获取输入类型 ="image"值

html - 如何使用 css 和 html 将垂直子菜单添加到水平菜单？

css - 嵌套按钮 + 在屏幕上的位置

javascript - React - 无限循环 xhr sockjs-node

javascript - 在 Javascript 中使用迭代器比较两个数组中的值？

javascript - CSS3 动画与由 jQuery 触发的 CSS3 转换冲突？