如何从tail.select获取多个值?

2wnc66cl  于 2021-09-13  发布在  Java
关注(0)|答案(2)|浏览(205)

我正在做一个不推荐使用tailselect的项目。我必须使用“多个”选项。一切顺利,我可以选择多个选项,但!该值根本不会更改。我总是看到第一个选中项目的值。
我的意见:

我的选择:

options.descriptions = true;
options.hideSelected = true;
options.hideDisabled = true;
options.multiLimit = 10;
options.multiShowCount = false;
options.multiContainer = true;

我发现有一个div,它累积所选项目并保留其值。但我需要它来创建名为 inputs 或者别的什么。。。

这里有英雄帮忙吗(我想了解tail.select解决方案。我能够捕获表单提交并将divMap到输入数组中。但我不想那样做!)

j8yoct9x

j8yoct9x1#

确保您的多选择名称数组中有。 <select name="departments[]" multiple> 然后,您在后端获得了所选项目的数组

bttbmeg0

bttbmeg02#

如果您试图使用javascript获取这些值,那么您将遇到与具有multiple属性的普通select字段相同的问题。如果是这样的话,你可能会。。。

const mySelectField = document.querySelector('select[name="departments"]');
const getVal = () => {
    const options = mySelectField.querySelectorAll('option:checked');
    return Array.from(options, e => e.value);
};

但是为了在请求负载中发送值,您需要确保将数组语法添加到字段名中。。。

<select name="departments[]" multiple>
    ...
</select>

相关问题