0

値を表示するjavascript onchangeリストボックスがありますが、ライトボックスコードを挿入しても表示されません。ページを編集したいので、リンクに値リストボックスを追加したいのはライトボックスです。

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

戻り値リストボックスを変数に使用するには?

このコード オンチェンジ リストボックス

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

1 に答える 1

1

新しいオプションが選択されたときにリンクを更新するには、次のようにします。

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

変更時関数の更新バージョン:

$('#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 は必要ないと思います。

于 2013-08-07T08:27:09.980 に答える