bootstrap-select下拉框复选-（ajax传值）

最新推荐文章于 2024-09-25 07:31:55 发布

阿允殿下

最新推荐文章于 2024-09-25 07:31:55 发布

阅读量9.8k

点赞数 1

分类专栏： vuejs绑定数据到select中，并同步更新input的值文章标签： ajax请求数据 bootstrap-select

本文链接：https://blog.csdn.net/qq_21036015/article/details/71171643

版权

本文介绍如何结合Ajax和bootstrap-select插件动态加载并显示数据。通过$.post发送Ajax请求，接收到数据后遍历并拼接成option元素，插入到select标签中。然后使用selectpicker的refresh方法更新下拉框。遇到的问题包括min文件可能导致的效果错误以及vue绑定数据不显示，最终通过原生JavaScript解决并获取多选下拉框的值。

摘要由CSDN通过智能技术生成

一. 描述：在使用bootstrap-select插件的时候，静态写<option>的时候可以正常展示，但是很多时候，我们需要结合上ajax。很多人在结合上ajax的时候，就出现了各种问题，本文章就是针对遇到问题的学习者，进行整理处理的。代码下载https://pan.baidu.com/s/1hsmRE88

二. 先贴上代码吧



	
		
     
     
     
		
		
     
     
		 rel="stylesheet" type="text/css" href="bootstrap-select.css">
		 href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="bootstrap-select.js"></script>
		<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	
	
		
		
		<script>
			$(function()