Bootstrap select实现下拉框多选效果

发布时间：2020-12-18 00:44:13 所属栏目：安全来源：网络整理

导读：在学习bootstrap实现下拉多选效果的时候，觉得该效果很好，所以拿来分享下，这里就不详细的描述了，直接附上代码给各位看看 HTML代码：分类: 请选择游记景点东京日本香港加拿大主题游: 请选择游船漂流避暑博物馆影视基地名胜古迹海岛度假 /sel

在学习bootstrap实现下拉多选效果的时候，觉得该效果很好，所以拿来分享下，这里就不详细的描述了，直接附上代码给各位看看

HTML代码：

分类:

主题游:

</select>

<%-- --%>

</div>

js代码：

var $ = require( "jquery");
require( "jquery-validation/1.11.1/jquery.validate.min.js" );
require( "jquery-validation/1.11.1/messages_bs_zh.js" );
require( "bootstrap/select/bootstrap-select.min.css" )
require( "bootstrap/select/bootstrap-select.min.js" )
$(document).ready( function() {

 // 聚焦第一个输入框
 $( "input[name=name]").focus();
 // 为inputForm注册validate函数
 $( "#sceneModel").validate();

  var lon = $("input[name=longitude]" ).val();
  if (lon == "," ) {
   $( "input[name=longitude]").val("" );

 }

 jQuery( '.selectpicker').selectpicker({

   liveSearch: true,size:8

 });

});
module.exports = $;

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!