我有一个带有选择倍数的表单。我想在onchange事件中获取所有选定的值,但我不知道这是否可行。我认为“this.value”只返回最后选择的元素。
是否可以在onchange上将所有元素选为数组?
提前致谢。
<select name="myarray[]" id="myarray" class="select2-select req" style="width: 90%;" onChange="get_values(this.value)" multiple>
{foreach key=key item=value from=$myarray}
<option value="{$key}" >{$value}</option>
{/foreach}
</select>
答案 0 :(得分:11)
这个例子可能在没有jQuery的情况下有所帮助:
function getSelectedOptions(sel) {
var opts = [],
opt;
var len = sel.options.length;
for (var i = 0; i < len; i++) {
opt = sel.options[i];
if (opt.selected) {
opts.push(opt);
alert(opt.value);
}
}
return opts;
}
<select name="myarray[]" id="myarray" class="select2-select req" style="width: 90%;" onChange="getSelectedOptions(this)" multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
答案 1 :(得分:3)
您可以使用jquery来解决它:
get_values=function(){
var retval = [];
$("#myarray:selected").each(function(){
retval .push($(this).val());
});
return retval;
};
答案 2 :(得分:1)
在下面的示例中,我构建了所选选项和所选值的数组:
<select id="myarray" multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
const myarray = document.getElementById('myarray');
myarray.addEventListener('change', (e) => {
const options = e.target.options;
const selectedOptions = [];
const selectedValues = [];
for (let i = 0; i < options.length; i++) {
if (options[i].selected) {
selectedOptions.push(options[i]);
selectedValues.push(options[i].value);
}
}
console.log(selectedOptions);
console.log(selectedValues);
});