求大神,一个页面把左方的值移动到右边去
求大神,一个页面把左侧的值移动到右边去
如:
父页面有一个输入框,后面有一个按钮,点击按钮弹出一个子页面,子页面分为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">