1. 程式人生 > >select標籤下option標籤裡value屬性有什麼用以及和text的區別

select標籤下option標籤裡value屬性有什麼用以及和text的區別

1:value的用處
<select >
<option value = "A">B</option>
</select>

其中“A”“B”有何區別,各自代表什麼意思?

答案:

B是顯示在網頁上的內容
A是實際傳給後臺表單處理程式
比如

<select >
    <option value = "class1">際傳給後臺表單處理程式</option>
</select>

在網頁上顯示”際傳給後臺表單處理程式”
傳給後臺程式就是class1了
這樣做的好處:
1.減少表單傳輸資料,可能避免了一些中文編碼問題

2.如果以後想改顯示內容,不用修改後臺程式

2:value和text的區別
    如何引用一個下拉列表框的選項,即option物件,現在介紹option物件的兩個重要屬性,value和text,value屬性表示標記中value所指定的值,可以通過指令碼獲取或設定這個值,text屬性表示顯示於介面中的文字,即和之間的部分,同樣可以通過指令碼獲取或設定其值.

例如:
 <option value="apple">蘋果</option>

則value的值為”apple”,text的值為”蘋果”.

在舊版本的瀏覽器中,select物件的value物件的值是不可用的,因此要獲得選中項的值,可以用如下語句代替:

someSelect.options[someSelect.selectedIndex].value

這種程式碼經常可以看到,就是考慮了瀏覽器的向前相容性.