javascript listbox onchange lightbox not show
javascript listbox onchange lightbox not show
我有一个javascript onchange listbox,它显示值,但我插入的lightbox代码没有显示。我想添加值列表框到链接,因为我想编辑页面是灯箱。
示例-><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>
要在选择新选项时更新链接,可以执行以下操作:
$('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_valuediv.
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- jQuery:.click(function(){(element),collapse('show',f
- jQuery is not loaded
- AngularJS JSON not arriving php
- $rootScope not working
- reactRedux is not defined
- jQuery document.ready not working
- Javascript/Jquery Blob not showing Chrome PDF
- ReferenceError: not defined
- ReferenceError: cordova is not defined @ng-cordova.min.js:7
- Javascript getElementsByTagName not working?
- Bootstrap 3 Datepicker v4:dp.show和dp.change事件在Datepicker内联时不
- jQuery's trim()的前缀为not运算符
- Javascript - element.childNodes does not see an append.newch
- SemanticUI模态not onDeny/onApprove事件未激发
- jsPDF fromHTML() does not show HTML
- Angularjs ng-show not working with checkbox with default val
- javascript listbox onchange lightbox not show
- Angular-modal-service does not show modal
- Show different content if 'ko with' is not displayed