Javascript 引导模式上的数据未显示，因为使用onClick的textarea的数据中有空格

我正在使用laravel，我有一个更新引导模式。当我点击更新按钮时，更新模式显示出来，但所有字段都是空的，如下图所示

发生这种情况是因为数据库中的地址数据中有一个输入空间。下面是我从inspect元素复制的更新按钮的代码

<a type="button" class="btn btn-warning btn-circle" data-toggle="modal" data-target="#delivery_update_modal" onclick="delivery_update_modal(
'A9C55478-0BDE-428D-96CA-784A2349F0C7'
, 'packlaring'
, 'pe-ps-18-017'
, 'Document'
, 'Kota Balikpapan'
, 'Perum BDS2, Jl. Merpati Blok S no 14C, RT 33, 
  Kel. Sungai Nangka, Kec. Balikpapan Selatan, 
  Kota Balikpapan'
, '2019-05-31 15:00:00.000'
)"><i class="fa fa-edit"></i>
</a>

如果我把空间移到一行，它就会工作得很好。 我试图在用户输入数据时删除空格，但它变成了一行，使得地址难以读取。

---

你知道如何解决这个问题吗？

你可以试试这段代码：将它应用到你的案例中，它就会起作用

//modal form to show all the required inputs and make one field hidden
<div id="updateFormID" class="modal fade" >
   <div class="modal-dialog box box-default" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title">Edit Bank</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <form class="form-horizontal" action="{{ url('/update') }}" method="post"  role="form">
            {{ csrf_field() }}
            <div class="modal-body">
               <div class="form-group" style="margin: 0 10px;">
                  <input type="hidden" class="form-control" id="recordid" name="recordid" value="">   
                  <label> Name </label><input type="text" class="form-control" id="name" name="fname" value="">
                  <label>UserName: </label><select required class="form-control" id="username"  name="userName">    
                  <label>Email: </label><select required class="form-control" id="email"  name="email">  
                  <label>Address: </label><input type="text" class="form-control" id="address" name="address" value="">
                  <label>Phone: </label><input type="text" class="form-control" id="phone" name="phone" value="">
               </div>
            </div>
            <div class="modal-footer">
               <button type="submit" class="btn btn-success btn-xs">Update</button>
               <button type="button" class="btn btn-secondary btn-xs" data-dismiss="modal">Cancel</button>
            </div>
         </form>
      </div>
   </div>
</div>

//javascript函数加载模态并将记录分配给输入

function updateForm(r,x,y,z,w,s)
{
    document.getElementById('recordid').value = r;
    document.getElementById('name').value = x;
    document.getElementById('username').value = y;
    document.getElementById('email').value = z;
    document.getElementById('address').value = w;
    document.getElementById('phone').value = s;

    $("#updateFormID").modal('show')
}

---

好的。问题在于这些数据

'Perum BDS2, Jl. Merpati Blok S no 14C, RT 33, 
  Kel. Sungai Nangka, Kec. Balikpapan Selatan, 
  Kota Balikpapan'.

---

如果这是一个地址。您需要做的是使用

{！！$record->address！！}

输出它，这可能是我的观点，但我确实不喜欢您的代码。很乱

但是，您可以将数据作为json进行传递，laravel将对其进行转义

您甚至可以使用prerry print:-）

-----更新------
如果您使用jquery，请使用jquery

function updateForm(record)
{
    $('#recordid').val(record.userid);
    $('#name').val(record.name);
    $('#username').val(record.username);
    //and so on. 

    $("#updateFormID").modal('show')
}

请参阅下面的代码。在显示模式formWell之前，使用javascript在按钮单击时分配数据，这与我所做的完全相同，只是javascript函数中有点不同。我的是
$（'#idX'）.val（X）它是相同的tho。我试图使用
document.getElementById（'X'）。value=X也是，但仍然不起作用。谢谢你，你能不能把你的脚本转换成：EditYeah，这就是导致问题的地址。我试过了，但还是不行<代码>“{Perum BDS2，Jl.Merpati Blok S no 14C，RT 33，Kel.Sungai Nangka，Kec.Balikpapan Selatan，Kota Balikpapan}”。
所有数据仍然不会显示在模式上。我建议在单击Event时在javascript函数上输出这样的结果{$$record->address！！}。是的，我做到了。如上所述的inspect元素中的输出，地址的开头和结尾都有
{}
，仍然有一个空格，并且仍然没有在modalcheck中加载javascript函数和参数。还有模态表单上的id。这就是问题的根源。
updateForm(object){
   //you can use it as object.name or object.whatever
}

function updateForm(record)
{
    $('#recordid').val(record.userid);
    $('#name').val(record.name);
    $('#username').val(record.username);
    //and so on. 

    $("#updateFormID").modal('show')
}