chosen控件

本文介绍了如何使用Chosen控件增强HTML的选择框功能。首先,需要引入jQuery、Chosen的JS和CSS文件。然后通过CSS设置当选项过多时显示滚动条。接着,通过JavaScript进行Chosen初始化,设置宽度、提示信息和允许单选取消。同时,为Chosen绑定change事件,以便在选中空选项时重置控件。最后,通过AJAX获取数据并动态绑定到Chosen控件上,完成数据加载和更新。
摘要由CSDN通过智能技术生成

 <div class="form-group" id="native_net_form">
           <label for="native_net">本地网:</label>
         <select data-placeholder="选择本地网" id="native_net"  class="form-control chosen-select">
         <option value=""></option>
         </select>
      </div>

使用chosen下拉选择框控件时,

首先,要引用jquery.min.js、chosen.jquery.min.js和  chosen.css三个文件

<link href="css/chosen.css" rel="stylesheet">

<script src="js/jquery.min.js"></script>

 <script src="js/chosen.jquery.min.js"></script>

<style type="text/css">

#native_net_chosen ul.chosen-results{    //native_net为chosen控件的id,
    max-height:150px;
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值