javascript - 从js中获取值并作为参数传递
问题描述
我在 HTML 文件中有一个表格:
{% for dimension in dimension_list %}
<tr>
<td>{{dimension.title}}</td>
<td>{{dimension.description}}</td>
<div class="button-group">
<td><button type="button" class="btn-click-del" data-
id="{{dimension.pk}}" id="btn-confirm" ></button></td>
</div>
</tr>
{% endfor %}
所以我收到值 data-id (按钮)并将其传递给模型:
$('.btn-click-del').on('click', function () {
var id = ($(this).data('id'));
$("#modal-btn-yes").val(id);
});
在模态中,我需要将此 id 作为参数传递给我的 yes 按钮中的函数 dimension_remove
div class="modal-dialog modal-bg modal-dialog-centered">
<button onclick="location.href='{% url 'dimension_remove' pk=dimension.id %}';" type="button" class="btn btn-default" id="modal-btn-yes">Yes</button>
<button type="button" class="btn btn-primary" id="modal-btn-no">No</button>
</div>
解决方案
我建议在您的 JS 部分中附加点击事件并将其附加id
到然后简单data-id
地modal-btn-yes
获取它并构建您的 URL。
将 附加data-id
到modal-btn-yes
按钮:
$('.btn-click-del').on('click', function() {
$("#modal-btn-yes").data('id', $(this).data('id'));
});
获取data-id
并构建 URL:
$('body').on('click', '#modal-btn-yes', function() {
//Here you could get the clicked button "id" like
var id = $(this).data('id');
//location.href= Your link here
});
推荐阅读
- java - 仅在第一次运行时接收来自 Java 的 UDP 消息
- sql - 尝试在现有查询中添加语法(自定义 SQL)
- kotlin - Kotlin [linked List] smart cast 是不可能的,因为表达式复杂
- python - 用 Python 登录 Instagram
- telerik - Telerik AJAX 无法上传文件
- javascript - 在一行中的项目之间放置空间
- unity3d - 通过 Unity 中的 Oculus 应用登录 Google 和 Facebook
- vue.js - Vue.js - 编辑 SessionStorage 数据
- c++ - 在自定义 .NET Core 主机中调用构造函数
- javascript - 在多维数组中搜索(算法)