检查通过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

非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();

我可能只是过于安全使用：首先。

Answer 3

var plid = $（'＃PlaceNames'）。val（）;

val placename = $（'＃PlaceNames选项[value = \''+ plid.toString（）+'\']'）。html（）;