如何使用 Jquery 在不同的变量上存储多个 Select 选项
How to store multiple Select option on diferent variables using Jquery
我想知道如何在 select 输入上存储不同的选项 selected 并将它们放在不同的变量上。
示例:
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="form-group">
<label for="operacoes">Operações Possíveis</label>
<div class="input-group">
<select class="selectpicker show-tick show-menu-arrow" data-width="100%" title="Clique aqui para selecionar um nível .." id="operacoes" name="operacoes[]" multiple>
<option value="1">Adiciona</option>
<option value="1">Remove</option>
<option value="1">Altera</option>
<option value="1">Pesquisa</option>
</select>
</div>
</div>
</div>
并在不同的变量中得到结果:
var a = $('#operacoes').val(1);
var b = $('#operacoes').val(1);
var c = $('#operacoes').val(1);
var d = $('#operacoes').val(1);
如果没有 selected .val(0);
$('selector').val() 将 return 选择数组中的值。
如果不选择下面的任何值,代码将打印 undefined ,这是显而易见的。希望以下回答能帮助解决您的问题。
JavaScript:
function getSelectedValue() {
const values = $('#operacoes').val();
$('#selectedValues').html(values[0] + ', ' + values[1]);
}
HTML代码:
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="form-group">
<label for="operacoes">Operações Possíveis</label>
<div class="input-group">
<select class="selectpicker show-tick show-menu-arrow" data-width="100%" title="Clique aqui para selecionar um nível .." id="operacoes" name="operacoes" multiple>
<option value="Adiciona">Adiciona</option>
<option value="Remove">Remove</option>
<option value="Altera">Altera</option>
<option value="Pesquisa">Pesquisa</option>
</select>
</div>
</div>
</div>
<input type="button" onclick="getSelectedValue()" value="Print Selected Value" />
<div id="selectedValues"></div>
我想知道如何在 select 输入上存储不同的选项 selected 并将它们放在不同的变量上。
示例:
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="form-group">
<label for="operacoes">Operações Possíveis</label>
<div class="input-group">
<select class="selectpicker show-tick show-menu-arrow" data-width="100%" title="Clique aqui para selecionar um nível .." id="operacoes" name="operacoes[]" multiple>
<option value="1">Adiciona</option>
<option value="1">Remove</option>
<option value="1">Altera</option>
<option value="1">Pesquisa</option>
</select>
</div>
</div>
</div>
并在不同的变量中得到结果:
var a = $('#operacoes').val(1);
var b = $('#operacoes').val(1);
var c = $('#operacoes').val(1);
var d = $('#operacoes').val(1);
如果没有 selected .val(0);
$('selector').val() 将 return 选择数组中的值。 如果不选择下面的任何值,代码将打印 undefined ,这是显而易见的。希望以下回答能帮助解决您的问题。
JavaScript:
function getSelectedValue() {
const values = $('#operacoes').val();
$('#selectedValues').html(values[0] + ', ' + values[1]);
}
HTML代码:
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="form-group">
<label for="operacoes">Operações Possíveis</label>
<div class="input-group">
<select class="selectpicker show-tick show-menu-arrow" data-width="100%" title="Clique aqui para selecionar um nível .." id="operacoes" name="operacoes" multiple>
<option value="Adiciona">Adiciona</option>
<option value="Remove">Remove</option>
<option value="Altera">Altera</option>
<option value="Pesquisa">Pesquisa</option>
</select>
</div>
</div>
</div>
<input type="button" onclick="getSelectedValue()" value="Print Selected Value" />
<div id="selectedValues"></div>