如何使用javascript在laravel blade中以編程方式添加一行表格

-1

我是laravel中的全新工具，我試圖在其中創建一個包含底部的表單，在表單中創建新行。這裏是我的腳本：如何使用javascript在laravel blade中以編程方式添加一行表格

function myFunction() { 
    var table = document.getElementById("AcademicDegreeTable"); 
    var row = table.insertRow(0); 
    var cell1 = row.insertCell(0); 
    var cell2 = row.insertCell(1); 
    var cell3 = row.insertCell(2); 
    var cell4 = row.insertCell(3); 
    cell1.innerHTML = "NEW CELL1"; 
    cell2.innerHTML = "NEW CELL2"; 
    cell3.innerHTML = "NEW CELL2"; 
    cell4.innerHTML = "NEW CELL2"; 
}

和：

<button class="button" onclick="myFunction()">Try it</button>

但是當我點擊這個按鈕會出現短時間的新行，然後在頁面重新加載該走了。

路線：

Route::get('/form' , '[email protected]')->name('form');

控制器：

public function index() 
{ 
    return view('form'); 
}

來源

2016-08-05 user3634011

爲什麼你需要使用PHP來做到這一點？是否存在一些數據庫持久性？ –

如果你想在重新加載頁面後保持一行，那麼你需要將它存儲在一個數據庫中。那是你要的嗎？你的問題很不清楚。 –

如果您在撥打電話後只需要在UI上進行更新，請使用AJAX進行請求調用並根據需要更新UI。否則，返回您在laravel視圖中發送的數據並使用laravel模板更新UI –

如果您的按鈕位於表單中，默認行爲是單擊按鈕提交表單。爲了防止這種情況，在onclick處理程序必須返回false：

<button class="button" onclick="return myFunction()">

和

function myFunction() { 
    //... 
    return false; 
}

不管怎麼說，你可以更好地使用jQuery這一點。

來源

2016-08-05 15:21:48 alepeino

yesss !!!非常感謝Alejandro。你解決了我的問題:)。 – user3634011

您可以設置餅乾或放排的計數值在會議否則就在HTML中Web Storage概念，你可以使用它也是。

來源

2016-08-05 14:43:17 Parithiban

如何使用javascript在laravel blade中以編程方式添加一行表格

回答

相關問題