多选下拉菜单 html,一个简单的jquery的多选下拉框(自写)

本文介绍如何在项目中创建一个简洁的多选下拉框,避免使用复杂混乱的网络插件。通过jQuery扩展函数,实现了一个点击显示/隐藏选项的下拉菜单。用户可以选择多个选项,并在主菜单上显示已选值。代码包括JavaScript和HTML部分,同时也给出了样式定义。
摘要由CSDN通过智能技术生成

今天做的项目要用到多选的下拉框,开始想在网上找一个插件用用,可是,网上的插件看起来都比较杂乱,我参考了网上的一些插件,自己用jquery写了一个多选下拉框,js写得比较简洁。代码如下。

js代码

(function(){

$.fn.extend({

checks_select: function(options){

jq_checks_select = null;

$(this).click(function(e){

jq_check = $(this);

//jq_check.attr("class", "");

if (jq_checks_select == null) {

jq_checks_select = $("

$.each(options, function(i, n){

check_div=$("

" + n + "
").appendTo(jq_checks_select);

check_box=check_div.children();

check_box.click(function(e){

//jq_check.attr("value",$(this).attr("value") );

temp="";

$("input:checked").each(function(i){

if(i=&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值