使用 jQuery 检测 HTML 选项值

Question

可能重复：
How to get the text of the selected option of a select using jquery?

我有以下脚本：

<select id = "people">
<option value = "0">Choose</option>
<option value = "1">John</option>
<option value = "2">David</option>
</select>

如何使用 jQuery 检测当前选择的选项的值？

即（伪代码）

if(people.option.text == "Choose"){
   //Alert - Please make a selection
}else{
   //Valid - do something
}

编辑：代码不工作

  echo("<script>");
  echo("$(document).ready(function(){");
  echo("$(\"#go\").click(function(e){");
  echo("var selText = $(\"#people option:selected\").text();");
  echo("if(selText == \"Choose\"){");

  echo("}else{");
  echo("window.location.href = \"viewprofile.php\";");
  echo("}");
  echo("});");
  echo("});");
  echo("</script>");

它不断触发 else 语句并导航离开......

编辑：让它工作 -> 更改了 .text() 和 val()

Answer 1

从您的示例看来，您想要获取选定的文本，而不是值。

所以有这个：

var selText = $("#people option:selected").text();
if(selText == "Choose") {
   //Alert - Please make a selection
} else {
   //Valid - do something
}

要获取选定的值并检查它，有这样的代码：

var selValue = parseInt($("#people").val(), 10);
if (selValue == 0) {
    //Alert - Please make a selection
} else {
    //Valid - do something
}

Answer 2

if (jQuery('#people option:selected').val()=="Choose"){
}
else{
}

Answer 3

检查使用val 选择的值，然后采取适当的措施。在表单提交处理程序中显示如下，以防止表单提交。对于这种特殊情况，您可能还需要考虑使用 validate 插件，使该字段为必填项，并使默认选项没有值。

$(function() {
   $('form').submit( function() {
       var selectedPerson = $('#people').val();
       if (!selectedPerson || selectedPerson == '0') {
          alert('you must choose an option for people');
          return false;
       }
       // continue form validation and submission
   });
});

Answer 4

要获取所选<option> 的value，请使用：

$('select').val()

要获取所选<option> 的 HTML 内容，请使用：

$'select :selected').html()

要检查是否选择了某个<option>，请使用：

if ($('option').is(':selected')) ...

Answer 5

这个怎么样：

        $("select option:selected").each(function () {
            if($(this).text()=="Choose") ...
            else ...
        });

Answer 6

if ($('#people [value!=0]:selected').length > 0){
    //selected
} else {
    //not selected
}