如何使用javascript在laravel刀片中以编程方式在表中添加一行

how to add a row in the table programmatically in the laravel blade using javascript

本文关键字：添加 一行 方式 javascript 何使用 laravel 编程      更新时间：2023-09-26

我对laravel完全陌生，我正在尝试在其中创建一个表单，该表单中的表中包含底部的make新行。这是我的脚本：

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' , 'FormController@index')->name('form');

控制器：

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

如果您的按钮在表单中，默认行为是单击按钮提交表单。为了防止这种情况，onclick处理程序必须返回false:

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

和

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

无论如何，您可以更好地使用jQuery。

您可以设置cookie或在会话中设置行计数值，否则html中存在Web存储概念，您也可以使用它。

相关文章：