請教一個後台表單編輯問題

來源:互聯網
上載者:User
這是從資料庫迴圈讀取的檔案,怎麼點修改,左邊對應的內容出現編輯狀態?(點第一行編輯,張先生出現編輯框,第二行編輯,陳先生出現編輯框...)這是我寫的代碼,但是不知道怎麼修改對應某行。
php代碼
while($row=mysql_fetch_array($result)){







確定



}
js代碼


回複討論(解決方案)

錯誤太多,也沒守規矩
至少需要這樣寫

 
張先生 確定
陳先生 確定
李先生 確定
dhtml 中 id 必須唯一,而你沒做到
jquery 允許 id 有條件重複,但必須指明上級容器

你可以設定ID,然後通過傳參帶入,擷取INPUT修改後的值


錯誤太多,也沒守規矩
至少需要這樣寫

 
張先生 確定
陳先生 確定
李先生 確定
dhtml 中 id 必須唯一,而你沒做到
jquery 允許 id 有條件重複,但必須指明上級容器[/quo


錯誤太多,也沒守規矩
至少需要這樣寫

 
張先生 確定
陳先生 確定
李先生 確定
dhtml 中 id 必須唯一,而你沒做到
jquery 允許 id 有條件重複,但必須指明上級容器


這樣一條一條分條寫我明白,我是這樣舉例的,實際資料有幾萬條,肯定不能這樣寫吧?只能從資料庫迴圈讀取,但是讀取出來之後我就不知道怎麼用這種方法編輯了,可以做到去另外一個網頁去編輯,把ID傳過去就可以了。對JS不熟悉,版主可以寫一個具體的程式嗎?

我不過是給個可供測試的例子,用來指出你的代碼的問題
從資料庫迴圈讀取,並不意味就可以不遵守規則

我不過是給個可供測試的例子,用來指出你的代碼的問題
從資料庫迴圈讀取,並不意味就可以不遵守規則


我知道程式寫的有問題,可能是我沒問好,PHP代碼我本來是寫成這樣的
while($row=mysql_fetch_array($result)){









}
只是單單的把資料從資料庫中迴圈讀出來了,因為要添加修改功能,我想用JS實現上面那種的編輯效果,代碼不知道怎麼寫,版主能教下這段代碼怎麼寫嗎?

範例程式碼已經給過你了
你寫的之所以不成功,原因是你違背的 id 唯一 的原則:
迴圈中
必將重複出現


範例程式碼已經給過你了
你寫的之所以不成功,原因是你違背的 id 唯一 的原則:
迴圈中
必將重複出現[/quote
我懂了,你一開始就回答的很清楚了!對jQuery 遍曆 - parents() 方法不清楚,百度了下明白了!

範例程式碼已經給過你了
你寫的之所以不成功,原因是你違背的 id 唯一 的原則:
迴圈中
必將重複出現


在問一個問題,我用同樣的方法無法儲存修改的資料是為什麼
$(function() {
$('.changeOrderTime').click(function() {
var e = $(this).parents('tr');
e.find('#OrderTimeInput').val(e.find('#OrderTime').text());
e.find('#OrderTime').hide();
e.find('#OrderTimeInput').show();
e.find('.timeChangeOK').show();
$(this).hide();
});
});
$(function() {
$('.timeChangeOK').click(function() {
var e = $(this).parents('tr');
e.find('#OrderTime').val(e.find('#OrderTimeInput').text());
e.find('#OrderTimeInput').hide();
e.find('#OrderTime').show();
e.find('.changeOrderTime').show();
$(this).hide();
});
});

你沒有提交,怎麼儲存?

你沒有提交,怎麼儲存?


就是想知道點擊確定後怎麼擷取到修改的資料,然後儲存到資料庫。

你沒有提交,怎麼儲存?


研究出來了,這是我寫的完整程式,結貼!
function edit_oper(id){
$('.changeOrderTime').click(function(){
var e = $(this).parents('tr');
e.find('#OrderTimeInput').val(e.find('#OrderTime').text());
e.find('#OrderTime').hide();
e.find('#OrderTimeInput').show();
e.find('.timeChangeOK').show();
$(this).hide();
});
$('.timeChangeOK').click(function(){
var e = $(this).parents('tr');
e.find('#OrderTime').text(e.find('#OrderTimeInput').val());
e.find('#OrderTimeInput').hide();
e.find('#OrderTime').show();
e.find('.changeOrderTime').show();
$(this).hide();
var up = e.find('#OrderTime').text();
$.ajax({
type:"GET",
url:'edit.inc.php?action=oper&id='+id,
data:{operator : up},
success:function(msg){
if(msg == "success"){
alert("修改成功");
history.go(0) ;
}else{
if(msg == "error1"){
alert("修改失敗");
return false;
}
}
}
});
});
}
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.