選択ボックス付きの盛大ポップアップ

Question

選択ボックスで勾配ポップアップを使用しようとしています。

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

選択ボックスは、JavaScript関数に「this.value」を送信するのonchangeセットを持っています：

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"> 

をこれは、ポップアップを開きますが、それだけで「真」と言います。

私はMagnifiにとって非常に新しく、現時点ではかなり失われています。

Magnificent Popupをセレクトボックスで使用したことがある人は誰ですか？

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