자바 스크립트 목록 상자 onchange 라이트 박스 보이지 않는다

Question

나는 자바 스크립트 onchange리스트 박스를 가지고있다.하지만 라이트 박스 코드를 삽입하면 표시되지 않는다. 필자는 페이지를 편집하고 싶기 때문에 링크에 값 목록 상자를 추가하고 싶습니다.

예 -><a class="various" data-fancybox-type="iframe" href="edit.php?id=<?**listbox value is onchange**?>">Edit</a>

어떻게 변수에 반환 값 목록 상자를 사용하려면?

이 코드 onchange를 목록 상자

<label for="country">Country</label> 
<select name="country" id="country"> 
    <option value="1">Thailand</option> 
    <option value="2">England</option> 
    <option value="3">Japan</option> 
</select> 
<div id="selected_value"></div> 
<label for="country">Country:</label> 
<input type="text" name="country" id="country" class="country"> 
<script type="text/javascript"> 
    $('#country').on("change", function(){ 
    //Get the selected value 
    var selected_value = $("#country option:selected").val(); 
    //Write the selected value to our div 
    ('#selected_value').html(selected_value); 
}); 
</script> 

라이트 박스 코드

<script type="text/javascript" src="../wp-content/plugins/pop-up/include/js/scripts/jquery-1.4.3.min.js"></script> 
<script type="text/javascript" src="../wp-content/plugins/pop-up/include/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> 
<script type="text/javascript" src="../wp-content/plugins/pop-up/include/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="../wp-content/plugins/pop-up/include/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
<script type="text/javascript"> 
$(document).ready(function($) { 
    $(".various").fancybox({ 
    maxWidth : 800, 
    maxHeight : 600, 
    fitToView : false, 
    width  : '80%', 
    height  : '80%', 
    autoSize : false, 
    closeClick : false, 
    hideOnOverlayClick : false, 
    openEffect : 'none', 
    closeEffect : 'none', 
    type  : 'iframe', 
    onClosed : function() { 
      parent.location.reload(true); 
      }     
     }); 
}); 
</script> 

Answer 1

새로운 옵션이 할 수있는 선택했을 때 링크를 업데이트하려면 :

$('a.various').attr('href','edit.php?id='+selected_value); 

을 업데이트 변경된 기능의 ated 버전 :

$('#country').on("change", function(){ 
    // Get the selected value 
    var selected_value = $("#country option:selected").val(); 
    // Update lightbox edit hyperlink 
    $('a.various').attr('href','edit.php?id='+selected_value); 
}); 

나는 #selected_value div가 필요하다고 생각하지 않습니다.