检查以查看通过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(); 

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