我有一個非常棘手的問題，我應該長時間處理這個問題并尋找解決方案。
假設我有多個選擇并且有更多選項，每個選項有 3 個值：
- 語言名稱的一個值
- 一個是指向語言圖示 (img) 的鏈接
- 一是語言水平。
在資料庫“SQL”中，我有 4 列
-
- ID
-
- 語言名稱
- 3.spracheicon
- 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>
uj5u.com熱心網友回復：
你不能那樣做 我看到了 2 個可能的解決方案
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>
uj5u.com熱心網友回復：
value一個option. 中不能有多個屬性。只能提交一個值。
您似乎希望能夠支持主要選項的不同變體，例如
Arabic - mother tongue
Arabic - second language
English - mother tongue
English - second language
或類似的東西，并希望您可以通過在每個選項上設定倍數來控制這一點。
這種事情的標準方法如下：
- 在您的資料庫中定義一個表格，該表格列出所有可能的選項，并作為參考，您可以從中填充您的
select.
例如，你會有一張LanguageOptions桌子。幾行內容如下所示：
| ID | 描述 | 郎 | 等級 | 圖片 |
|---|---|---|---|---|
| 1 | 阿拉伯語 - 母語 | 增強現實 | 米 | https://bilder.pcwelt.de/4204696_620x310_r.jpg |
| 2 | 阿拉伯語 - B1 | 增強現實 | B1 | https://example.com/1.jpg |
| 3 | 英語 - 母語 | CN | 米 | https://example.com/2.jpg |
| 4 | 英語 - B1 | CN | B1 | https://example.com/3.jpg |
這意味著<select>您可以使用此表中的 ID 來確定選擇了哪種語言選項：
<select class="multi-select" name="" id="" multiple v-model="sprachen">
<option value="1">Arabic - mother tongue</option>
<option value="2">Arabic - B1</option>
<option value="3">English - mother tongue</option>
<option value="4">English - B1</option>
</select>
因此，當提交表單并將值發送回服務器時，您可以使用該單個值記錄用戶選擇的選項 ID，稍后如果您想針對其他地方輸出描述，您可以加入 LanguageOptions 表使用 SQL 到用戶選項表。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/346774.html
標籤：javascript php sql Vue.js
上一篇：Oracle自帶聚合函式
下一篇：postgres字串中的重復引號