带搜索框的下拉框-select2的简单用法(包括在angular下使用)

下拉框内容比较多的时候,带个搜索框体验就比较好了,今天找了一个,最终使用select2,写了个简单的用法,以后方便。

带搜索框的下拉框-select2的简单用法(包括在angular下使用)_第1张图片

下面仅仅是html代码,源码在

https://gitee.com/xxsheep/codes/qli4e681wy7uf5on9g2c053





    
    
    
    
    
    
    select2用法说明
    


    

select2用法说明

具体用法看代码(包括在angular中的用法)

更多功能用法请百度搜索“select2”去官网查看


如何获取选中的标签呢?

可以使用onchange事件或者jquery的change事件。

要得到更多的数据,我们可以把数据当做标签的属性绑在标签上。

下面是代码

$('.mySelect').change(function () {
	var text = $(this).find(':selected').text();
	var id = $(this).find(':selected').attr('ttId');
});


你可能感兴趣的:(前端笔记)