javascript - 如何获取单选按钮的值并将其传递给 laravel 中的控制器?
问题描述
在我的电子商务网站上,要结帐,您必须根据之前输入数据库的一些地址数据选择一个送货地址。 这是我的网站的样子。 这是模态。 如果您单击“Pilih Alamat”按钮,将出现一个模式,其中包含可以使用单选按钮选择的地址列表。每个单选按钮都有一个来自该地址的 id 形式的值。
我的问题是我想从选中的单选按钮中获取值,并根据地址 ID 显示地址详细信息。我的计划是,当在模式上单击“pilih alamat”按钮时,单选按钮的值将发送到控制器,以便我可以从与该 ID 匹配的数据库中检索数据。但我对此很陌生,我不知道我应该做什么。您的建议将非常有意义,谢谢。
这是模态部分的代码:
<div id="qck-view-shop2" class="zoom-anim-dialog qck-inside mfp-hide" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-xl modal-dialog-scrollable" style="overflow-y: initial !important; margin-top:-10px;">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Pilih Alamat</h4>
</div>
<div class="modal-body" style="max-height: calc(100vh - 200px); overflow-y: auto;">
<div class="list-group">
@foreach ($alamat[1] as $row)
<label class="list-group-item" style="padding-left:30px; margin-top:20px;">
<input class="form-check-input" type="radio" name="alamat" value="{{$row['id']}}">
<p>{{$row['nama_alamat']}}</p>
<p style="font-weight:bold; margin-top:-10px;">{{$row['nama']}}</p>
<p style="margin-top:-10px;">{{$row['alamat']}}</p>
</label>
@endforeach
</div>
</div>
<div class="modal-footer">
<a type="button" class="btn btn-outline-success" id="modal_button" style="color:white;">Pilih Alamat</a>
</div>
</div>
</div>
</div>
这是显示所选地址详细信息的部分的代码:
<h6>Alamat Pengiriman</h6>
@if ($alamat[1]!=null)
<div class="card">
<div class="card-body">
<p>{{$alamat[1][0]['nama_alamat']}}</p>
<p style="font-weight:bold; margin-top:-10px;">{{$alamat[1][0]['nama']}}</p>
<p style="margin-top:-10px;">{{$alamat[1][0]['alamat']}}</p>
<p> <a class="popup-with-move-anim" href="#qck-view-shop3">Edit</a> </p>
</div>
</div>
解决方案
选择一些地址后,您应该使用使用 jquery ajax 的表单进行发布请求,请参阅此页面 在 Laravel 5 中创建编辑模式
希望它的帮助!^^
推荐阅读
- spring - @Configuration 是强制性的吗?
- java - 尝试将 Json 存储在 DB 中时,Ebean 'No service implementation found for SpiJsonService'
- php - Postgres 查询在“where”处或附近给出语法错误
- github - 使用 GitHub 使页面上线
- angular - 如何在 Angular 2+ 中基于组件创建模板?
- python-3.x - 在 igraph 上使用 cairo 绘图时出错:模块 'cairo' 没有属性 'Surface'
- join - awk 匹配/比较/每个文件中的 2 列(对于 2 个文件)
- geocoding - 您已超出此 API 的每日请求配额。甚至使用 api 密钥
- spring - 无法代理接口实现方法 [public final void AbstractTestNGSpringContextTests.setApplicationContext()]
- vba - 通过输入框输入的数字未链接到我在 B 列中的公式