드롭 다운 상자에서 fancybox를 열고 선택한 값을 직접 전달하십시오.

Question

<select name="mySelectboxsituation_found" id="mySelectboxsituation_found"> 
    <option value="100">Firecall</option> 
<option value="200">FireAlarm</option> 
<option value="300">FireAlarm2</option> 
<option value="400">FireAlarm4</option> 
</select> 

     < a href="#" class="incidenttype" name="all" onClick="JavaScript:var dropdown=document.getElementById('mySelectboxsituation_found');this.href='main_situation_found.php?incident_maincateid='+dropdown.options[dropdown.selectedIndex].value;return  true;"/>CLICK HERE </a> 

    function cleanUp(){ 
    var subsituation_found1 = $("#fancybox-  frame").contents().find('input:radio[name=incident_subcate]:checked').val(); 

    } 
     $(".incidenttype").fancybox({ 
        'width' : 900, 
        'height' : 600, 
        'autoScale': false, 
        'transitionIn': 'none', 
        'transitionOut': 'none', 
         'type': 'iframe', 
        'onCleanup': cleanUp 
      );  
      }); 

"여기를 클릭하십시오"를 클릭하면 fancybox가 열리고 드롭 다운 상자에서 선택한 값이 전송됩니다.

드롭 다운 상자의 값을 변경할 때 멋진 상자를 열려면 여기를 클릭하지 않아도됩니다 ..... 링크를 클릭하지 않고도 사용할 수 있습니다. _this와 같은 것을 사용하여 포즈를 취할 수 있습니다. ....하지만 난 확실하지 오전

이상적으로이 같은 몇 가지 ...

<select name="mySelectboxsituation_found" id="mySelectboxsituation_found"  onChange="JavaScript:var dropdown=document.getElementById('mySelectboxsituation_found');this.href='main_situation_found.php?incident_maincateid='+dropdown.options[dropdown.selectedIndex].value;return   true;"> 
    <option value="100">Firecall</option> 
    <option value="200">FireAlarm</option> 
    <option value="300">FireAlarm2</option> 
    <option value="400">FireAlarm4</option> 
    </select> 

어떤 방법을 수행하는 생각을 가지고 ... 몇 가지 방향을 찾고 있어요 ....

나는 또한 시도했다 ...

function test_fan() 
     { alert(document.getElementById('mySelectboxsituation_found').options[document.getElementById('mySelectboxsituation_found').selectedIndex].value);  
    var dropval =document.getElementById('mySelectboxsituation_found').options[document.getElementById('mySelectboxsituation_found').selectedIndex].value; return dropval; 
} 

    $(document).ready(function(){ 
    $("#autostart").fancybox({ 
    'onStart':test_fan, 

'width': 800, 
'height': 700, 
'type': 'iframe', 
href:'main_situation_found.php?incident_maincateid='+document.getElementById('mySelectboxsituation_found').options[document.getElementById('mySelectboxsituation_found').selectedIndex].value 
    }); 

    <a href="#" id="autostart" style="display:none"></a> 
    <form><select id="mySelectboxsituation_found"  onchange="$('#autostart').trigger('click');"> 
    <option value="">select</option> 
    <option value="100">option 1</option> 
    <option value="200">trigger</option> 
    <option value="300">option 3</option> 
    <option value="400">option 4</option> 
    </select> </form> 

경고 ID에

은 내가

selected alert fancybox window 
100  100  nothing shows up empty 
200  200  100 
300  300  200 
400  400  300 

fancybox 나받는 것 같다 그래서 만약 이전에 선택한 선택한 값을받을 수 있나요 .... 것을이 일어나는 정말 재미 값과 나는 왜 그 일이 일어나고 있는지 잘 모르겠다. ... 감사합니다 andy

Answer 1

아마도 비슷한 질문? fancybox - show ajax content?

다음이 시도 : http://jsfiddle.net/cR2SB/24/

<form><select id="mySelectboxsituation_found" > 
<option value="">select</option> 
    <option value="100">option 1</option> 
    <option value="200">trigger</option> 
    <option value="300">option 3</option> 
</select> </form> 

$(function(){ 
    $("#mySelectboxsituation_found").bind('change', function() { 
     $.fancybox(
'width': 800, 
'height': 700, 
'type': 'iframe', 
    href:'main_situation_found.php?incident_maincateid='+ $("#mySelectboxsituation_found").val()})}); 
    }); 

당신이 자바 스크립트에서 뭔가를 바인딩 할 때, 때로는 이벤트의 시간에 대신 값의 현재 값을 결합 될 수 있음을 유의하십시오.

Answer 2

<script language="JavaScript"> 
<!-- 
function openFB(url) { 
$.fancybox({ 
'href' : url, 
'type' : 'iframe', 
'width': '900', 
'height': '700' 
}); 
} 
--> 
</script> 
<form> 
<select name="chooseItem" id="chooseItem" onchange="var goURL=document.getElementById('chooseItem').options[document.getElementById('chooseItem').selectedIndex].value;openFB(goURL);"> 
<option></option> 
<option value="ref item 1 to open">Item 1</option> 
<option value="ref item 2 to open">Item 2</option> 
<option value="ref item 3 to open">Item 3</option> 
</select> 
</form>