javascript - 从可以动态添加字段的表单将数组存储在数据库中(laravel)

Question

我希望在我的注册表中有一个字段，用户可以在其中输入字符串列表。他们应该能够通过单击按钮向列表中添加任意数量的字符串。该列表需要存储在后端并显示在他们的个人资料页面上。

在我的注册 Controller 中，我希望有类似的东西

//set user's list of strings to those from the registration form
$user->items = $request->items

然后在用户个人资料页面上我将显示此元素列表

<ul>
    <li>{{$user->item1}}</li>
    <li>{{$user->item2}}</li>
    <li>{{$user->item3}}</li>
<ul>

Answer 1

html:

 <div id="dynamicInput">
       <span class="glyphicon glyphicon-plus" onClick="addInput('dynamicInput');"></span>
 </div>

JavaScript:

function addInput(divName)
{ 
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "<input type='text' name='items[]'>";
          document.getElementById(divName).appendChild(newdiv);    
}

存储在后端:

foreach($items as $item)
{
 if(!empty($item))
  {     
    $add=new Item();   //Item is the model
    $add->name=$item;  //saving item to name column
    $add->save();       
  }
}

显示:

$items=Item::where(['id'=>$id])->get(); 
foreach($items as $item)
{
       <li>{{$item->name}}</li>  // retreiving item from name column
}