使用Chosen，立马屌丝变高富帅！

使用Chosen，立马屌丝变高富帅！

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

https://harvesthq.github.io/chosen/

.net MVC下实装小栗：

1.在对应的Controller里准备好数据源
比如：

ViewBag.専用場所CD =  new SelectList(db.M_SenyouBasyos, "専用場所CD", "専用場所名", t10_備品台帳.専用場所CD);

2.页面绑定

Html.DropDownList("専用場所CD", null, new { @class = "chzn-select" })
@Html.ValidationMessageFor(model => model.専用場所CD)

3.配置chosen

$(".chzn-select").chosen(
            {
                no_results_text: "候補値が見つかりません:",
                search_contains:  true
            });
        $(".chzn-select-deselect").chosen({ allow_single_deselect:  true, no_results_text: '候補値が見つかりません' });

4.想直接控制chosen的width？
用JS搞定：

$(".chosen-container").css("width", "100%");