Php javascript列表框onchange lightbox不显示
我有一个javascript onchange列表框,它显示值,但我插入的lightbox代码不显示。我想为链接添加值listbox,因为我想编辑页面是lightbox 示例->Php javascript列表框onchange lightbox不显示,php,javascript,html,lightbox,Php,Javascript,Html,Lightbox,我有一个javascript onchange列表框,它显示值,但我插入的lightbox代码不显示。我想为链接添加值listbox,因为我想编辑页面是lightbox 示例-> 如何将返回值列表框用于变量 更改列表框时此代码 <label for="country">Country</label> <select name="country" id="country"> <option value="1">Thailand</opti
如何将返回值列表框用于变量
更改列表框时此代码
<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>
国家
泰国
英格兰
日本
国家:
$('#country')。关于(“更改”,函数(){
//获取所选的值
var selected_value=$(“#国家/地区选项:selected”).val();
//将所选值写入我们的div
(“#选定的_值”).html(选定的_值);
});
灯箱代码
<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>
$(文档).ready(函数($){
$(“.Variable”).fancybox({
最大宽度:800,
最大高度:600,
菲托维:错,
宽度:“80%”,
身高:80%,
自动调整大小:false,
closeClick:false,
HideonOverlyclick:错,
openEffect:'无',
closeEffect:'无',
键入:“iframe”,
onClosed:function(){
parent.location.reload(true);
}
});
});
要在选择新选项时更新链接,可以执行以下操作:
$('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);
});
我认为您不需要“选定的”值div。我的回答解决了您的问题吗?如果是,请标记为已接受。谢谢