Question

<select id="RB_0_field_select_0">
    <option value="">Select a Field</option> 
    <option value="Audit">Audit</option>
    <option value="Author">Author</option> 
    <option value="Barcode">Barcode</option>
    <option value="Category">Category</option>
    <option value="DocType">Content Type</option>
</select>

<script type="javascript">
    $('select[id="RB_0_field_select_0"]').change(function(){
        alert("hello");
        alert($(this).val());
        alert($( "#RB_0_field_select_0 option:selected" ).text());
    });
</script>

我想打印在选项列表中选择的值，但它不起作用。怎么做？

Answer 1

您的代码正在运行，您只需要在顶部包含jquery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这是一个演示，我没有更改代码中的任何内容，我只是添加了jquery

$('select[id="RB_0_field_select_0"]').change(function() {
  alert("hello");
  alert($(this).val());
  alert($("#RB_0_field_select_0 option:selected").text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="RB_0_field_select_0">
  <option value="">Select a Field</option>
  <option value="Audit">Audit</option>
  <option value="Author">Author</option>
  <option value="Barcode">Barcode</option>
  <option value="Category">Category</option>
  <option value="DocType">Content Type</option>
</select>

或
也许您的脚本在加载文档之前运行，如果是这种情况，请执行以下操作：

$( document ).ready(function() { $('select[id="RB_0_field_select_0"]').change(function() { alert($(this).val()); }); });

Answer 2

如果它甚至不警告“hello”，则意味着你在加载DOM之前绑定事件 - 所以你根本不会将事件处理程序附加到任何东西。尝试在DOMContentLoaded事件上执行此操作：

$(function() {
    $("#RB_0_field_select_0").change(function () {
        $(this).val();
    });
});

Answer 3

尝试

this.options[this.selectedIndex].value;

或

$(this).options[$(this).selectedIndex].value;

选择optionlist jquery函数

3 个答案: