将值从引导模式传递到触发它的按钮？
Posted
技术标签:
【中文标题】将值从引导模式传递到触发它的按钮？【英文标题】：Passing a value from a Bootstrap Modal to a Button from which it is triggered? 【发布时间】：2019-06-03 22:58:02 【问题描述】：我想要什么：
我有很多按钮，每个按钮都附加到一个单一引导模式。我想要的是每次按下引导模式上的 确认按钮 时从 引导模式 获取一个值，并设置该特定模式所在的按钮的值触发或显示。
我的按钮是这样的：
<button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#deleteModal">Delete Medicine</button>
<button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#deleteModal">Delete Medicine</button>
<button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#deleteModal">Delete Medicine</button>
<button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#deleteModal">Delete Medicine</button>
非常感谢您对代码示例的任何帮助？
【问题讨论】：
【参考方案1】：希望这个回答对你有帮助，
$('.btn').on('click', function()
var attr_Id = $(this).attr('id').slice(3);
var value_txt = $(this).text();
var value = $(this).val();
$("#value" + attr_Id).text("");
$("#value" + attr_Id).append("You select:"+value + ":" + value_txt + ":" + attr_Id);
);<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" id="btn1" value="button1">Open Modal</button>
<label id=value1>You select:</label><br>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" id="btn2" value="button2">Open Modal</button>
<label id=value2>You select:</label>
</div>
</body>
</html>【讨论】：
感谢您的回复。实际上我有多个具有相同类的按钮，我想要的是在显示模式的特定按钮前面设置标签的值？您可以使用具有相同类的多个按钮/标签来编辑它吗？ w3schools.com/code/tryit.asp?filename=FZ7934J6VTON 在 mozila 和 chrome 中也可以使用它【参考方案2】：在你的app.js中你可以修改输入按钮的值，假设每个按钮如下：
<input type="submit" value="Submit" onclick="changeValues()">
【讨论】：
感谢您的回复。实际上，我正在尝试从模态中获取以上是关于将值从引导模式传递到触发它的按钮？的主要内容，如果未能解决你的问题，请参考以下文章