Question

我正在尝试使用Magnific Popup和一个选择框。最初我试图形成这样的选项：

<option class="popup-modal" value="#<%= counties[i].Code %>">

SelectBox有一个onchange设置发送＆＃34; this.value＆＃34;到Javascript函数：

var doPopUp = function(county){
    console.log(county);
    $('.popup-modal').magnificPopup({
        type: 'inline',
        preloader: false,
        focus: '#username',
        mainClass: 'mfp-fade',
        removalDelay: 300,
        modal: true
    });
};

但这并没有打开弹出窗口。

如果我给select元素提供以下内容：

<select class="popup-modal" onchange="href=this.value">

这会打开弹出窗口，但它只是说＆＃34; true＆＃34;。

我对Magnifi很陌生，此刻感觉很丢失。

有没有人有幸使用Magnific Popup和Select Boxes？

Answer 1

这解决了它......

<select onchange="doPopUp(this.value)">
<option selected="true" disabled="disabled">
-Select County-
</option>
<% for (var i = 0; i < counties.length; i++) { %>
    <option value="#<%= counties[i].Code %>">
    <%= counties[i].Name %>
    </option>
<% } %>
</select>

然后......

$.magnificPopup.open({
        type: 'inline',
        preloader: false,
        focus: '#username',
        mainClass: 'mfp-fade',
        removalDelay: 300,
        modal: true,
        items:{
            src:county
        }
    });

带选择框的Magnific Popup

1 个答案: