多选，每个选项有3个值以发送SQL

Question

我有一个非常棘手的问题，我应该长时间研究这个问题并寻找解决方案。

假设我有一个多选，并且有更多的选项，每个选项都有3个值：

• 语言名称的一个值
• 一个是指向语言图标(img(的链接
• 一是语言水平
数据库中的

；SQL"；我有4列

• 1. id
• 2. 喷雾器名称
• 3.喷雾器
• 4.喷雾水平仪

如果我有一种语言，那么选择3个值应该在MYSQL的不同列中(语言名称值应该在语言名称列中，链接值也应该在自己的列中，等等(

那我该怎么做呢？

<select
class="multi-select" 
name=""
id=""
multiple
v-model="sprachen"
>
<option 
value="Arabic"
value="Muttersprache" 
value="https://bilder.pcwelt.de/4204696_620x310_r.jpg" 
>
Arabisch
</option>
<option 
value="Englisch" 
value="B1" 
value="https://bilder.pcwelt.de/4204696_620x310_r.jpg" 
>
Englisch
</option>
</select>

Answer 1

一个option中不能有多个value属性。只能提交一个值。

您似乎希望能够支持主要选项的不同变体，例如

Arabic - mother tongue
Arabic - Level B1
English - mother tongue
English - Level B1

或者类似的东西，并希望您可以通过在每个选项上设置多个值来控制这一点。

这类事情的标准方法如下：

1. 在数据库中定义一个表，该表列出了所有可能的选项及其属性，并用作可以填充select的引用。至关重要的是，它还为每一行都有一个唯一的ID，以专门标识该选项

例如，您会有一个LanguageOptions表。其中几行内容如下所示：

Lang

ID	描述	级别	图像
1	阿拉伯语-母语https://bilder.pcwelt.de/4204696_620x310_r.jpg
2	阿拉伯语-B1级https://example.com/1.jpg
3	英语-母语https://example.com/2.jpg
4	英语-B1级https://example.com/3.jpg

你不能那样做我看到两种可能的解决方案

1个JSON-

<select class="multi-select" name=""
id=""
multiple
v-model="sprachen">
<option  value='{language:"Arabic", level: "Muttersprache", image: "https://bilder.pcwelt.de/4204696_620x310_r.jpg"}' >Arabisch</option>
...
</select>

2逗号分隔值

<select class="multi-select" name=""
id=""
multiple
v-model="sprachen">
<option  value='Arabic,Muttersprache,https://bilder.pcwelt.de/4204696_620x310_r.jpg' >Arabisch</option>
...
</select>