這是我想實現的效果，需要一點擊編輯按鈕然后就彈出那個div，點擊確定，就可以把這些數據傳到后臺然后存到數據庫我現在的效果是點擊編輯然后就會跳到下一個頁面，然后正常提交存到數據庫。這是我的前臺頁面，用thinkphp寫的，沒用的居多，我想實現如圖的效果應該怎么搞，希望大神可以提供個思路，我的問題主要是傳值的是把那些值都獲取到應該怎么傳到后臺。。最好可以來代碼，代碼太麻煩的話可以來思路，望大神指點一二，我把編輯頁面也傳上來了，在主頁面代碼后面。跪求大神幫助呀<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="__PUBLIC__/__PUBLIC__/js/jquery.js"></script></head><body> <div class="place">? ? <span>位置：</span>? ? <ul class="placeul">? ? <li><a href="#">首頁</a></li>? ? <li><a href="#">數據表</a></li>? ? <li><a href="#">基本內容</a></li>? ? </ul>? ? </div>? ??? ? <div class="rightinfo">? ??? ? <div class="tools">? ??? ? <ul class="toolbar">? ? ? ? <li class="click"><span><a href="{:U('Index/addRest')}"><img src="__PUBLIC__/images/t01.png" /></span>添加文章</a></li>? ? ? ? <li class="click"><span><img src="__PUBLIC__/images/t02.png" ?/></span>修改</li>? ? ? ? <li><span><img src="__PUBLIC__/images/t03.png" /></span>刪除</li>? ? ? ? <li><span><img src="__PUBLIC__/images/t04.png" /></span>統計</li>? ? ? ? </ul>? ? ? ??? ? ? ??? ? ? ? <ul class="toolbar1">? ? ? ? <li><span><img src="__PUBLIC__/images/t05.png" /></span>設置</li>? ? ? ? </ul>? ??? ? </div>? ??? ??? ? <table class="tablelist">? ? <thead>? ? <tr>? ? ? ? <th><input name="" type="checkbox" value="" checked="checked"/></th>? ? ? ? <th>編號<i class="sort"><img src="__PUBLIC__/images/px.gif" /></i></th> ? ? ? ?? ? ? ? <th>標題</th>? ? ? ? <th>文章屬性</th>? ? ? ? <th>飯店名稱</th>? ? ? ? <th>飯店分類</th>? ? ? ? <th>飯店屬性</th>? ? ? ? <th>所在區</th>? ? ? ? <th>地址</th>? ? ? ? <th>電話</th>? ? ? ? <th>操作</th>? ? ? ??? ? ? ? </tr>? ? ? ? </thead>? ?<tbody> ? ? ? ?? ? ? ? ?<tr> ? ? ??? ? ? <foreach name='list' item='v'>? ? <tr>? ? ? ? <td><input name="" type="checkbox" value="" /></td>? ? ? ? ?<td>{$v.id}</td>? ? <td><a href="{$v.url}">{$v.title}</a></td>? ? ? ? <td>{$v.nature}</td>? ? ? ? <td>{$v.name}</td>? ? ? ? <td>{$v.type}</td>? ? ? ? <td>{$v.attr}</td>? ? ? ? <td>{$v.area}</td>? ? ? ? <td>{$v.address}</td>? ? ? ? <td>{$v.phone}</td>? ? ? ? <if condition="$v['reid'] neq null">? ? ? ? <td> ?<a href="{:U('Index/updateRest',array('reid' => $v['reid']) )}" class="tablelink" >修改</a>? ? ? ? ? ? ? ??? ? ? ??? ? ? ? <a href="{:U('Index/delete',array('id' => $v['id'],) )}" class="tablelink"> 刪除</a></td>? ? ? ? <else/>? ? ? ? <td><a href="{:U('Index/addRest',array('id' => $v['id']) )}" class="tablelink">添加</a>? ? ? ? <a href="{:U('Index/delete',array('id' => $v['id']) )}" class="tablelink"> 刪除</a></td>? ? ? ? </if>? ? ? ? ? ??? ? </tr></foreach></tr>? <tr> ? <td colspan='10' align='center' ?> {$page}<br/> <form action="{:U('Index/showlist')}" method="post"> 跳轉到<input type="text" name="id" /> <input type="submit" value="跳轉" /></form> </td> </tr> ? ? ? ? ? ??? ? ? ? ? ?</tbody>? ? </table>? ??? ?<!-- ?? ? <div class="pagin">? ? <div class="message">共<i class="blue">1256</i>條記錄，當前顯示第 <i class="blue">2 </i>頁</div>? ? ? ? <ul class="paginList">? ? ? ? <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>? ? ? ? <li class="paginItem"><a href="javascript:;">1</a></li>? ? ? ? <li class="paginItem current"><a href="javascript:;">2</a></li>? ? ? ? <li class="paginItem"><a href="javascript:;">3</a></li>? ? ? ? <li class="paginItem"><a href="javascript:;">4</a></li>? ? ? ? <li class="paginItem"><a href="javascript:;">5</a></li>? ? ? ? <li class="paginItem more"><a href="javascript:;">...</a></li>? ? ? ? <li class="paginItem"><a href="javascript:;">10</a></li>? ? ? ? <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>? ? ? ? </ul>? ? </div>? ? -->? ??? ??? ??? ??? ??? ??? ? </div>? ? <script type="text/javascript"> $('.tablelist tbody tr:odd').addClass('odd'); </script></body></html>這是編輯頁面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Radio切換效果</title></head><body><style type="text/css">?fieldset{width:378px;border:1px #B0C0D1 solid;padding:10px;}?legend{background:#B0C0D1;padding:4px 10px;color:#fff;}?#c{margin-top:10px;}?.c1,.c2{width:378px;line-height:20px;}?.c1{color:#014CC9;}?.c2{color:#7E6095;}?h3{font-size:16px;padding:5px 0;}?.red{color:#BD0A01;}</style><script type="text/javascript">function radioShow(){?var myradio=document.getElementsByName("nature");?var div=document.getElementById("c").getElementsByTagName("div");?for(i=0;i<div.length;i++){? if(myradio[i].checked){? ?div[i].style.display="block";? ?}? ?else{? ?div[i].style.display="none";? ?}? }?}</script><form name="ck" action="{:U('Index/modify')}" method="post"><fieldset>?<legend>修改頁面</legend>? <label for="r1" class="red"><input name="nature" id="r1" type="radio" value="飯店介紹" checked="checked" onclick="radioShow();" />飯店介紹</label>? <label for="r2" class="red"><input name="nature" id="r2" type="radio" value="菜品介紹" onclick="radioShow();" />菜品介紹</label><div id="c">?<div class="c1">?<lable for="attr"><input type="radio" name="attr" value="特價" >特價<input type="radio" name="attr" value="金牌" >金牌</lable><br/><lable for="name">飯店名稱：<input type="text" name="name" value="{$rest.name}"/></lable><br/><lable for="id"><input type="hidden" name="id" value="{$rest.id}"></input></lable><br/><lable for="type">飯店分類：<select name="type"><option value="{$rest.type}">{$rest.type}</option><option value="西餐">西餐</option><option value="火鍋">火鍋</option></select></lable><br/><lable for="phone">電話<input type="number" name="phone" value="{$rest.phone}"/></lable><br/><lable for="area">所在區：<select name="area"><option value="道里區">道里區</option><option value="道外區">道外區</option><option value="南崗區">南崗區</option></select></lable><br/><lable for="address">詳細地址:<input type="text" name="address"value="{$rest.address}" /></lable><br/></div><input type="submit" value="確定"/> <input type="reset" value="重寫" /><br/>?<div class="c2" style="display:none;">??</div></div></fieldset></form></body></html>
thinkphp里面怎么實現彈出div并傳到后臺可以存進數據庫，望大神幫助。
phper12138
2016-11-17 11:40:08
