我想要什么:
我有许多按钮,每个按钮都附加到一个单个 Bootstrap 模式。我想要的是每次按下 Bootstrap 模式上的确认按钮时从 Bootstrap 模式获取一个值,并设置该特定模式所在按钮的值触发或显示。
我的按钮是这样的:
<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>
任何有关代码示例的帮助将不胜感激?
最佳答案
希望这篇文章对您有帮助,
$('.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>
关于javascript - 将值从 Bootstrap 模态传递到触发该值的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54105544/