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

Display two options within select box side by side

本文关键字：两个 选项 显示 选择      更新时间：2023-09-26

我一直在尝试显示一个选择框，列表中有两个选项。事实证明这很困难，我似乎找不到任何提供此功能的库。例如： 

<select>
<option x><option y>
<option x><option y>
<option x><option y>
<option x><option y>
<option x><option y>
</select>


您可以在此处看到一个示例（对不起，我不能做 jsfiddle，因为显然我无法让它工作！

我试图根据其内容按样式移动该选项，即以 50% 的宽度向左浮动并向右浮动，但我对此没有太多运气（尤其是跨浏览器，这不是一个好方法）。关于解决这个问题的最佳方法的任何建议将不胜感激。提前谢谢你。

为了能够做到这一点，你需要能够下载这个jquery库。它使您能够按列对选择下拉菜单进行排序。通过将其添加到您的网站：

    <script type="text/javascript">
                    $(document).ready(function() {
                        $('#selector').gentleSelect(); // apply gentleSelect with default options
                    });
    </script>


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

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

你可以在这里看到一个Js Bin。

相关文章：