2012-04-10 83 views
2
<select id="kamal"> 
<option value"ACTIVE">a<option> 
<option value"DISABLED">b<option> 
<option value"DELETED">c<option> 
</select> 

的價值我想在page..not顯示的值在選項標籤獲取顯示選擇標籤

我感興趣的顯示值「活躍」而不是「ACTIVE」

當我寫document.getElementById("kamal").value;那麼選擇的值來自變量。但我想要顯示的值。

請幫我解釋一下這個值。

注意:通過使用下面給出的所有選項,它會給我所選選項的值,我希望所選選項的標籤。我的意思是在html頁面上顯示的值。

回答

5

關閉你正在尋找解決的辦法是:

來獲取值:

var element = document.getElementById("kamal"); 
var selectedValue = element.options[element.selectedIndex].value; 

來獲取文本:在

工作示例:

http://jsfiddle.net/n85tW/6/

+0

OP想要的是文本,而不是值。 – RobG 2012-04-10 09:14:42

3

嘗試:

var sel = document.getElementById("kamal") 
alert(sel.options[sel.selectedIndex].value); 

Working example here

注意:您<option>標籤應與</option>

+0

這將給我所選擇的選項的值,我想選擇選項的標籤。我的意思是在html頁面上顯示的值。 – 2012-04-10 08:44:24

+0

@SAM你看過我添加的例子嗎?這給你顯示的文本..例如「gesperrt」不是「DISABLED」 – ManseUK 2012-04-10 08:45:04

+0

@RobG你使用什麼瀏覽器?因爲Firefox/Chrome和IE都返回文本顯示不是值....試試我在我的回答中鏈接的例子 – ManseUK 2012-04-10 09:19:33

0

VAR元素=的document.getElementById( 「哈拉」

var element = document.getElementById("kamal"); 
var selectedValue = element.options[element.selectedIndex].text; 

編輯); var selectedValue = element.options [element.selectedIndex]。 innerHTML;

這是我的問題的解決方案。