如何从 select(已选择) jquery 中的下拉事件中获取值 onchange 事件

Question

我在 select jquery

的帮助下制作了下拉列表

echo $this->Form->input('Category', 
            array(
                'data-rel' =>'chosen',
                'style' => 'width:220px; margin-bottom:10px',
                'placeholder' => 'Select Category',
                'empty'=>'Select',
                'id'=>'ProductCategoryId',
                array('class'=>'required') 
                )); 

现在我正在尝试检索 onchange 值 我尝试使用以下代码来获取值和文本。 （我的基本目的是获取价值）

<script>
$(document).ready(function () {
    alert($("#ProductCategoryId option:selected").text()); 
    alert($('#ProductCategoryId').val());
</script>

可能已经有很多关于这个问题的答案了，但是那些并没有解决我的问题。

Answer 1

最后缺少 });，您确实需要收听 change 事件。

试试这个：

$(document).ready(function () {
    $('#ProductCategoryId').on('change', function() {
        alert( $('option:selected', this).text() ); 
        alert( $(this).val() );
    });
});