2012-05-20 45 views
1

如果我有一個下拉列表,看起來像這樣:如何在下拉字段的X位置獲取價值?

<select id="select"> 
<option value="Armoire">Armoire</option> 
<option value="Bridge Bed">Brigde Bed</option> 
<option value="Bunk Bed">Bunk Bed</option> 
</select> 

是否有可能在一個特定的位置,以獲得價值?例如:

var b=select.getValueAt(1); 

這樣b就等於「橋牀」。這將是正規的java代碼的正確路線。無論如何,使用JavaScript做到這一點?

由於提前,

回答

1

select元素有一個屬性調用選項這是所有的選項標籤數組包含
要在索引一個使用得到元素的值

var b = document.getElementById('select').options[1].value 

Select Object
Fiddle

+0

非常感謝您的快速響應。這非常有幫助。我完美的工作。 – hcuadra

0

假設你已經設法得到<select>元素:

var idx = 1; 
var selectTag = document.getElementById('select'); 
var b = selectTag.getElementsByTagName("option")[idx].getAttribute("value"); 

這將使用適當的DOM方法做的工作,並會得到所有子<option>標籤,包括那些在<optgroup>。該索引忽略<optgroup>,並從0開始索引所有<option>標籤。一個示例(其中alert的值)爲here

+0

感謝您的快速回復。這非常有幫助。 – hcuadra