Question

我一直在尝试在列表中的每个旁边显示一个带有两个选项的选择框。它证明是困难的，我似乎无法找到任何提供此功能的库。例如：

<select>

<option x><option y>
<option x><option y>
<option x><option y>
<option x><option y>
<option x><option y>

</select>

你可以通过“Right Eye PWR：”下拉列表看到这个工作的例子here（抱歉，我不能做一个jsfiddle，显然我不能让它工作！）。

我试图根据其内容按样式移动选项，即向左浮动，宽度为50％并向右浮动，但我没有太多运气（特别是在浏览器中它不会很好）这样做的方式）。任何关于解决这个问题的最佳方法的建议都将非常感激。先感谢您。

Answer 1

为了能够这样做，您需要能够下载this jquery库。它使您可以按列对选择下拉菜单进行排序。将此添加到您的网站：

    <script type="text/javascript">

                    $(document).ready(function() {
                        $('#selector').gentleSelect(); // apply gentleSelect with default options
                    });

    </script>

添加完成后，通过使用他们的自述文件，您可以选择要在选择框中显示的特定数量的列。

您可以通过添加一些自定义代码来更改功能（就像在我的问题中将它们并排放置正面和负面）。

You can see a Js Bin here

并排显示选择框中的两个选项

1 个答案: