Javascript 如何使用select2从html接收JS中的选择
我想在JS中接收从html中选择的值。在html中,我将multi-select box与selected2库一起使用。我可以用一个普通的单一选项,比如Javascript 如何使用select2从html接收JS中的选择,javascript,html,jquery-select2,multiple-select,Javascript,Html,Jquery Select2,Multiple Select,我想在JS中接收从html中选择的值。在html中,我将multi-select box与selected2库一起使用。我可以用一个普通的单一选项,比如,来做这件事 有人能告诉我如何使用select2进行多次选择吗 html 您可以使用jQuery方法.val(),获取所选值: 您可以使用jQuery方法.val(),获取所选值: <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css
,来做这件事
有人能告诉我如何使用select2进行多次选择吗
html
您可以使用jQuery方法
.val()
,获取所选值:
您可以使用jQuery方法
.val()
,获取所选值:
<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>
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
}
var company = getSelectedOption('companies');
function getSelectedOption(id){
return $('#' + id).val();
}