jquery - 在选定的特定下拉值上触发 jQuery 事件 (bPopup)

Question

当且仅当从列表中选择给定值时，我试图触发弹出窗口。

下拉菜单的值由会话数据决定，因此下拉菜单可以是页面加载时可用的任何选项。

如果在页面加载时设置了特定选择，我希望出现一个弹出窗口（我正在使用 bPopup 插件）。

我的下拉菜单

这是出现在浏览器源代码中的 HTML/javascript：

<select
    onchange="this.form.submit()"
    name="country"
    id="country_drop"
    >

        <option value="select">Please Select</option>
        <option value="Afghanistan">Afghanistan</option>
        <option value="Angola">Angola</option>
        <option value="Argentina">Argentina</option>

</select>

如果页面加载时选择是安哥拉，这是我试图用来生成弹出窗口的 jquery：

$(document).ready(function() {
    if($("#country_drop").val()=="Angola");
        {
            $('#popup').bPopup({            
            opacity: 0.6,
            modalClose: true
            });
        }
});

目前正在发生的事情：

100% 的时间，无论选择如何，页面加载都会在页面加载时弹出。

Answer 1

if 条件末尾有一个分号

if($("#country_drop").val()=="Angola");

JS

$(document).ready(function() {

    $('#country_drop').change(function(){
    if($('#country_drop').val()=="Angola")
        {
            $('#popup').bPopup({            
            opacity: 0.6,
            modalClose: true
            });
        }
    });
});

小提琴