javascript - 弹出下拉项目选择

Question

这是我的下拉菜单。代码看起来不错，没有错误，但它不会提醒从菜单中选择的项目。

jsfiddle link

$(document).ready(function () {
    // this function is triggered as soon as something changes in the form
    $("select[name='inptPAN']").change(function () {
        //console.log('found change');
        alert($(this).val());

});
}

html:

<div id='selectPopup'>
    <form name='test'>
        <select id='inptPAN' name='inptPAN'>
            <option value='1'>item 1</option>
            <option value='2'>item 2</option>
            <option value='3'>item 3</option>
            <option value='4'>item 4</option>
            <option value='5'>item 5</option>
            <option value='6'>item 6</option>
        </select>
    </form>
</div>

Answer 1

no error but it does not alert selected item from menu.

不， fiddle 包含错误，您可以在控制台中看到错误。

错误是:您缺少 $(document).ready 的结尾。

语法为:

$(document).ready(function () {    
});

试试这个:

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

Working Code