javascript - 如何设置多链式选择按钮的样式。？

Question

我们的元素由多选按钮组成。由于 select 和 option 标签的样式本身很困难，我们使用 chosen.js 来设置 select 和 option 标签的样式

<link rel="stylesheet" href="$url_link/css/user_css/chosen.css">
<script type="text/javascript" src="$url_link/plugins/chosen_v1.4.2/chosen.jquery.js"></script>

一旦选择按钮的样式成为可能，我们就需要查看多链操作是否有效。它失败了。

原因在于 chosen.js 的工作原理。选择。 js 首先将 select 和 option 标签转换为 ul 和 li 标签，然后为这些标签设置样式。但是一旦样式化它就不会将其转换回选择和选项标签。

因此，多链式功能在样式化后失效。我们如何确保样式可以发生并且链接的功能不受影响？？

Answer 1

为此，我们需要将这些 li 和 ul 标签绑定(bind)回 option 和 select 标签。

\$("#manager").chained("#rmanager");
            \$("#manager").trigger("chosen:updated");
            \$("#rmanager").bind("change", function(){
            \$("#manager").trigger("chosen:updated")
        });

在此示例中，manager 链接到 rmanager 字段。我希望这对你们有帮助。我花了 2 天时间才弄清楚所有这些依赖关系。