2016-04-19 103 views
-1

我搜索了網頁,但找不到答案。我知道你可以通過Javascript來設置它的值,那麼爲什麼你不能通過html來實現呢?爲什麼<select>的屬性'value'無法設置?

+0

AFAIK,'select'沒有'value'屬性。 –

+0

@RobG我認爲它保存了所選選項'value'屬性的值。我希望OP現在能夠理解。 –

+1

@ Mr_Green--比這更復雜一點。它是* first *選項的值(對於多重選擇可能有多個選項)或文本內容(如果沒有值屬性或屬性尚未分配值)。 – RobG

回答

2

'select'元素沒有有效的屬性「值」。 請參閱http://www.w3schools.com/tags/tag_select.asp

您可以通過javascript將任何屬性設置爲任何DOM元素,但並不是說該屬性在html中具有其有效的對應元素。

編輯: 更好的鏈接在這裏: https://www.w3.org/wiki/HTML/Elements/select

+1

請不要引用w3schools,W3C是負責[* HTML *](https://www.w3.org/TR/html5/Overview.html)的標準組織,儘管MDN也是一個有用的參考。 – RobG

+1

w3schools往往有許多不準確的地方。對於'元素用於創建下拉列表開頭',但'select'本身並不意味着它需要是下拉列表,'select'可視化的方式取決於瀏覽器,操作系統和設備類型。在這個特殊情況下,這只是一個小小的缺陷,但這些不準確之處貫穿整個頁面,導致許多誤解。 –

+0

[W3Fools](http://www.w3fools.com/)我的朋友。閱讀它! –

0

...我知道,你可以使用Javascript

只有作爲選擇的設置選項將其值設置。 select元素的屬性是隻讀的(請參閱HTML5 §4.10.7 The select element)。

0

因爲<選擇> s時,可以多值

0

如果你想與HTML做到這一點,那就是<option>的工作。

0

請閱讀SELECT元素!

注意:結帳W3Fools之前去W3Schools

<select> 
 
    <option value="lorem">Lorem</option> 
 
    <option value="ipsum">ipsum</option> 
 
    <option value="dolor">dolor</option> 
 
    <option value="sit">sit</option> 
 
    <option value="amet">amet.</option> 
 
</select>

SELECT元件只接受以下屬性

  • 自動對焦
  • 禁用
  • 形式
  • 需要
  • 大小
  • ID

如果你想添加一個值,你就必須這樣做是爲了在選項選擇元件。 [fiddle]

相關問題