怎么使用HTML option標(biāo)簽添加兩個(gè)value

發(fā)布時(shí)間：2020-07-13 09:15:45

來源：億速云

閱讀：215

作者：Leah

這篇文章將為大家詳細(xì)講解有關(guān)怎么使用HTML option標(biāo)簽添加兩個(gè)value，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

首先先看看HTML option標(biāo)簽的意思：

option 元素定義下拉列表中的一個(gè)選項(xiàng)(一個(gè)條目)。

瀏覽器將 標(biāo)簽中的內(nèi)容作為 標(biāo)簽的菜單或是滾動列表中的一個(gè)元素顯示。

option 元素位于 select 元素內(nèi)部。

HTML option標(biāo)簽的用法提示：

提示： 標(biāo)簽可以在不帶有任何屬性的情況下使用，但是您通常需要使用 value 屬性，此屬性會指示出被送往服務(wù)器的內(nèi)容。

提示：請與 select 元素配合使用此標(biāo)簽，否則這個(gè)標(biāo)簽是沒有意義的。

提示：如果列表選項(xiàng)很多，可以使用 標(biāo)簽對相關(guān)選項(xiàng)進(jìn)行組合。

說了這么多，看看問題，option標(biāo)簽怎么添加兩個(gè)value，這有個(gè)實(shí)例：

創(chuàng)建帶有 2 個(gè)選項(xiàng)的選擇列表：

Volvo(第一個(gè)value)

Saab(第一個(gè)value)

那么效果圖呢？在這：

看，點(diǎn)開之后還有一個(gè)，這就是option標(biāo)簽的選擇列表

我們接下來看一個(gè)關(guān)于HTML option標(biāo)簽的問題和解答：B

其中“A”“B”分別代表什么？

HTML option標(biāo)簽的問題解答：

A是實(shí)際傳給后臺表單處理程序

B是顯示在網(wǎng)頁上的內(nèi)容

就比如這個(gè)：

這是要傳給后臺表單處理程序的

在網(wǎng)頁上顯示"這是要傳給后臺表單處理程序"

傳給后臺程序就是class1了

這樣做的好處有兩個(gè):

1.減少表單傳輸數(shù)據(jù),可能避免了一些中文編碼問題

2.如果以后想改顯示內(nèi)容,不用修改后臺程序

關(guān)于怎么使用HTML option標(biāo)簽添加兩個(gè)value就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

總結(jié)

以上是生活随笔為你收集整理的html下拉列表框设置两个,怎么使用HTML option标签添加两个value的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。