技術標籤：javajavajsjsp

java 在同一個頁面內實現查詢和修改

思路：js控制from的路徑，實現不同按鈕實現不同功能卻可以共用一個from表單

參考程式碼如下：

JSP：（一個from中有兩個按鈕，一個按條件查詢的按鈕，一個修改後提交的按鈕）

<form id="form1" name="f1" action="${pageContext.request.contextPath}/guan/findYonHuAll1" method="post" onsubmit="return checkform()"
 
>

			<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#BBD3EB">
				
				<input name="zhanghao"></input>
				<tr>
					<input type=submit class='' onclick="cha()" value='查詢資訊' />
				<
 
/tr>
			</table>
			
			<table width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#BBD3EB">
			<c:forEach items="${list}" var="yonhu">
				
				<tr>
					<td width="24%"
 
 height="26" align="center" bgcolor="#FFFFFF">姓名</td>
					<td width="76%" height="26" align="left" bgcolor="#FFFFFF">
						<label>
                            &nbsp;<input type=text  class='' id='uname' name="user_name1" size=35  value=${yonhu.user_name} /><label id='clabeluname' />&nbsp;                        </label></td>
				</tr>
				

				<tr>
					<td height="30" colspan="2" align="center" bgcolor="#FFFFFF">
                        	<input type="submit"  name="button" id="button" onclick="bao()" value="確認修改" />
					</td>
				</tr>
			</c:forEach>
			</table>

		</form>

script裡面寫：

			function cha(){
		        document.f1.action="${pageContext.request.contextPath}/guan/findYonHuAll1";
		        document.f1.submit();
		    }
		    function bao() {
		        document.f1.action = "${pageContext.request.contextPath}/guan/updateYonHu";
		        document.f1.submit();
		    }

奧裡給