檢查以查看通過jQuery在HTML選擇列表中選擇的項目

Question

如何獲取在HTML選擇框中選擇的項目的實際值（或文本）？下面是我試過的主要方法...

document.getElementById('PlaceNames').value 

$("#PlaceNames option:selected").val() 

$("#PlaceNames option:selected").text() 

我累了，這些不同的變化。我最終想要做的就是獲取數據並通過AJAX將其發送到Web服務，我只需要用戶選擇的字符串表示形式。這看起來應該很容易，我甚至在這裏發現了類似的問題，但我仍然有問題得到解決。谷歌似乎也沒有幫助。我覺得這一定是由於Javascript和jQuery的一些基本誤解造成的。

編輯：我要指出，我使用IE7

Answer 1

$（'＃placeNames'）。val（）返回最新版jQuery中所選選項的value。

Answer 2

VAR PLID = $（ '＃地名'）VAL（）。 VALUE地名= $（'＃PlaceNames選項[值= \''+ plid.toString（）+'''''）。html（）;

Answer 3

非jQuery的變種：

var select = document.getElementById('PlaceNames'); 
var value = select.options[select.selectedIndex].value; 

舊jQuery的變種：

var select = $('#PlaceNames:first')[0]; 
var value = select.options[select.selectedIndex].value; 

當前jQuery的變種：

var value = $('#PlaceNames:first').val(); 

我可能只是過分使用安全：第一。