求大神，一个页面把左方的值移动到右边去
日期：2014-05-18 浏览次数：20681 次
求大神，一个页面把左侧的值移动到右边去
如：
父页面有一个输入框，后面有一个按钮，点击按钮弹出一个子页面，子页面分为3个区域，左侧 中侧 右侧，左侧的根据复选框选择，选择中后，点击移动可以移动到右侧显示，右侧的根据复选框选择点击移除，可以清点，点击确定按钮把右侧选择的数据填充到父页面的输入框中。
-----求大神们指点。
------解决方案--------------------
你用window.parent.document.getElementById("父页面输入框的id").value，如果有jquery的话你可以用winow.parent.$("#id").val()这样就能获取父页面的元素的值了
------解决方案--------------------
如：
父页面有一个输入框，后面有一个按钮，点击按钮弹出一个子页面，子页面分为3个区域，左侧 中侧 右侧，左侧的根据复选框选择，选择中后，点击移动可以移动到右侧显示，右侧的根据复选框选择点击移除，可以清点，点击确定按钮把右侧选择的数据填充到父页面的输入框中。
-----求大神们指点。
复选框
JAVA
左右侧移动
复选框选中
------解决方案--------------------
你用window.parent.document.getElementById("父页面输入框的id").value，如果有jquery的话你可以用winow.parent.$("#id").val()这样就能获取父页面的元素的值了
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#a4{background-color:#666666;width:800px;clear:both;}
#a7{float:left;width:35%;height:400px; background-color:#FF9999}
#a8{float:left;width:30%;height:400px; background-color:#00CCFF}
#a9{float:left;width:35%;height:400px;background-color:#FFFFCC}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
function toLeft(){
$("#a9 P").siblings().andSelf().has('input').remove();
$("#a7 [name='checkbox'][checked]").each(function(){
$("#a9").append("<p><input type='checkbox' name='checkbox' value='"+$(this).val()+"'>"+$(this).val()+"</p>");
})
}
function clearSelect(){
$("#a9 [name='checkbox'][checked]").each(function(){
$(this).parent().remove();
})
}
</script>
</head>
<body>
<div id="a7">
<p>左侧</p>
<input type="checkbox" name="checkbox" value="checkbox1">
checkbox1
<input type="checkbox" name="checkbox" value="checkbox2">
checkbox2
<input type="checkbox" name="checkbox" value="checkbox3">
checkbox3
<input type="checkbox" name="checkbox" value="checkbox4">
checkbox4
<input type="checkbox" name="checkbox" value="checkbox5">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
