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
            });
        }
    });
});

Fiddle

在选定的特定下拉列值上触发jQuery事件（bPopup）

1 个答案: