select标签操作 select2使用详解

select标签操作 select2使用详解

官网： https://select2.github.io/examples.html

 

引用:

<link href="~/Scripts/select2/select2.css" rel="stylesheet" />

<script src="~/Scripts/select2/select2.min.js"></script>

 

<input type="hidden" name="Data.ICD_10" id="Data.ICD_10" value="@Model.Data.ICD_10" class="suit"/>

 

<script type="text/javascript">
    $(document).ready(function () {
        var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
 
 
        $("input[name='Data.ICD_0']").select2({
            placeholder: "-请选择-", //请选择
            allowClear: true,    //清楚选择项
            data:data,              //绑定数据
            minimumResultsForSearch: "-1"
        });
        if ($("input[name='Data.ICD_0']").val() != "") {
            $("input[name='Data.ICD_0']").select2("val", $("input[name='Data.ICD_0']").val());   //赋默认值
        }
    });
</script>

 

posted on 2015-08-12 09:39  RomanticCode 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/RomanticCode/p/4723278.html