带有选择框的放大弹出窗口答案

【问题标题】：Magnific Popup with Select Box带有选择框的放大弹出窗口
【发布时间】：2017-07-17 13:55:29
【问题描述】：

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

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

SelectBox 有一个 onchange 设置来将“this.value”发送到 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 class="popup-modal" onchange="href=this.value">

这会打开弹出窗口，但它只显示“true”。

我对 Magnifi 很陌生，现在感觉很迷茫。

有没有人幸运地使用带有选择框的 Magnific Popup？

【问题讨论】：

标签： magnific-popup

【解决方案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
        }
    });

【讨论】：