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

时间:2015-06-30 16:39:16

标签: javascript jquery css3 jquery-chosen chained-select

我们的项目包括多选按钮。由于select和option标签的样式本身很难,我们使用selected.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>

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

原因是有关choose.js的工作原理。选择的。 js首先将select和option标签转换为ul和li标签,然后设置这些标签的样式。但一旦风格,它不会将其转换回选择和选项标签。

因此造型后多链功能失败。我们怎样才能确保风格可以发生,链接的功能不会受到影响?

1 个答案:

答案 0 :(得分:0)

为此,我们需要将这些li和ul标签绑定回选项并选择标签。

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

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