时间戳

首页 > 解决方案 > Bootstrap 选择插件 Jquery 选择选项更改

javascript - Bootstrap 选择插件 Jquery 选择选项更改

问题描述

我正在使用“Bootstrap Select Plugin Jquery”。如何用 Select Jquery 代码替换它。

我想选择示例 2 的值。

期望的结果：

在此处输入图像描述

我的代码：

	$(document).ready(function() {
		$('select').selectpicker();

	});
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css" rel="stylesheet"/>
</head>
<body>
	
<select class="my-select">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Other</option>
</select>



	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
	
	
</body>
</html>

标签： javascriptjquerydrop-down-menu

解决方案

$('.my-select').selectpicker('val', '2');

推荐阅读