jquery - 如何获取选择框中所选选项的值

Question

我想显示选定选项的警报，但我在表单中看不到弹出警报。

这是我的 php:

<select class="form-control" id="status_users">
  <option>All</option>
  <option>Active</option>
  <option>Inactive</option>
  <option>Try</option>
</select>

这是我的脚本:

$(function SelectStatus(){
   $('#status_users').change(function () {
      var selectedText = $(this).find("option:selected").text();
      alert(selected);
   });
});

怎么了？谢谢!!

Answer 1

1.需要在脚本代码之前添加jQuery库。

2.$(function SelectStatus(){ 需要是 $(function(){

3.alert(selected);需要是alert(selectedText);

工作片段:-

$(function(){
  $('#status_users').change(function(){
    var selectedText = $(this).find("option:selected").text();
    alert(selectedText);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control" id="status_users">
  <option>All</option>
  <option>Active</option>
  <option>Inactive</option>
  <option>Try</option>
</select>