页面传值

最新推荐文章于 2023-12-21 09:36:15 发布

想成为二师兄的臭猴子

最新推荐文章于 2023-12-21 09:36:15 发布

阅读量86

点赞数

文章标签：双击表单一行传值

本文链接：https://blog.csdn.net/weixin_42542331/article/details/82931446

版权

1.用的是bootstap框架，先引入链接，google、ie浏览器测试可以使用，火狐测试，无反应，请指点一下
2.a页面点击按钮，跳出弹框，onClick=“open…”,点击打开b页面

<form name="form1" id="query" method="post" action=""
					class="form-inline  has-float-label">
					<div class="fixed" id="testuse">
						&nbsp;&nbsp; <strong>仓库代码</strong>
						<div id="inputss" class="input-group">
							<span class="input-group-btn"> <input type="text"
								class="form-control" name="stcode" id="stcode" value="">
								<a href="javascript:void(null)" class="add"
								onClick="open('${pageContext.request.contextPath}/basicData/oStorage/test.do','','resizable=1,scrollbars=1,status=no,toolbar=no,menu=no,width=1323px,height=600,left=300,top=150')">
									<button id="btn" class="btn btn-default" type="button">
										<span class="glyphicon glyphicon-search"></span>
									</button>
							</a>
							</span>
						</div>						
					</div>
				</form>

b页面：生成的表格，input是隐藏的用于接收双击接收的内容，注意：id的值在a、b页面都是唯一的。

<!-- 表格 --> 
		<div class="panel-body">
			<table id="myTable" class="tablesorter"  border="1" onclick="selectRow(this)" >
				
			</table>
			<div>
			<input id="stcode" style="display: none;">
			</div>
		</div>

<!-- 双击传值事件 -->
		<script type="text/javascript">		

			//选中把值返回到文本框		
			function selectRow(obj) {
				if (event.srcElement.tagName == "TD") {
					 $("#myTable tr").dblclick(
							function() {
								$("#stcode").val(  $(this).closest("tr").find("td").eq(0).text() );																											
								//然后将本页面的id值传递给上一页面
								window.opener.document.getElementById("stcode").value= document.getElementById("stcode").value;										
								window.close();
							}); 
				}
			
		
			}
		</script>