javascript - 如何使用select2从html接收JS选择
问题描述
我想在 JS 中接收来自 html 的选定值。在 html 中,我使用带有 selected2 库的多选框。我能够为正常的单一选择(例如<select class="form-control" id="companies" >
.
谁能告诉我如何使用 select2 进行多项选择?
html
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<form>
<div class="form-group">
<label>Airline companies</label>
<p>
<select class="js-example-basic-multiple" id="companies" name="states[]" multiple="multiple" style="width: 120%">
<!-- select class="form-control" id="companies" --> // if I don't use multiple select with select2, it worked
<option selected>Select companies</option>
<option value="one">First</option>
<option value="two">Second</option>
...
</select>
</p>
</div>
<button class="btn btn-primary" type='button' id="button">Refresh</button>
</form>
JS
company = getSelectedOption('companies')
function getSelectedOption(id){
/* function to get the selected value from the dropdowns */
let select = document.getElementById(id);
let value = select.options[select.selectedIndex].value;
return value
}
解决方案
您可以使用 jQuery 方法获取选定的值.val()
:
var company = getSelectedOption('companies');
function getSelectedOption(id){
return $('#' + id).val();
}
推荐阅读
- java - 如何在第一个对话框上调用 removeView() 以显示第 2 个对话框
- sql - SQL Server 浮点数据类型转换为平面文件
- rebol - 如何将按钮涂成红色?
- vba - 如何排除#VALUE!或#DIV/0!在使用 VBA 计算平均值的列中
- java - Datastore 的读取延迟
- ubuntu - Ubuntu - 权限被拒绝(公钥)
- socket.io-1.0 - socket.io 连接是否仅在页面加载时触发?
- python - 类变量实例化过程
- python-3.x - 重命名文件而不更改文件扩展名
- php - 显示 35 个条目中的 1 到 10 个在 laravel 中不起作用