在同一视图中获取模态输入Laravel
提问于 2019-09-10 03:09:54
当我点击我的列表中的一行时，我有一个模式。我的模式有一个输入。我想在Jquery中获得AJAX的输入值。
这是我的模式：
<!--Reset Password Modal-->
<div id="resetModal-{{ $item['id'] }}" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Đổi mật khẩu tài khoản Brand Portal</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="block-1">
<label>Tài khoản:</label>
<label>{{ $item['email'] }}</label><br><br>
</div>
<div class="block-2">
<label>Tự động sinh mật khẩu tự động</label>
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
<br><br>
<div class="text-container">
<input type="password" id="password" name="password">
<span toggle="#password-field" class="fa fa-fw ... toggle-password"></span>
</div>
<br><br>
</div>
<label class="text">Yêu cầu đổi mật khẩu lần đăng<br> nhập tiếp theo</label>
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
<a href="/" class="btn btn-xs btn-info pull-right" name="reset-btn">Tạo mật khẩu mới</a>
</div>
<input type="hidden" name="id" value="{{ $item['id'] }}">
</div>
</div>
</div>在Js文件中，我尝试通过以下方式获取输入：
$("reset-btn").click(function() {
password = $("#password").val();
console.log(password);
});但它不起作用。
我怎么能做到这一点？非常感谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-09-10 03:14:12
您应该在reset按钮中添加id属性：
<a href="/" class="btn btn-xs btn-info pull-right" name="reset-btn" id="reset-btn">Tạo mật khẩu mới</a>然后在脚本js中：
$("#reset-btn").click(function() {
password = $("#password").val();
console.log(password);
});Stack Overflow用户
发布于 2019-09-10 04:44:55
要在单击锚链接时执行javascript代码，您的href的值应该是#或javascript:。
因此请将您的href替换为
<a href="javascript:" class="btn btn-xs btn-info pull-right" name="reset-btn" id="reset-btn">Tạo mật khẩu mới</a>然后使用下面的javascript代码
$("#reset-btn").click(function() {
password = $("#password").val();
console.log(password);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57863529
复制
腾讯云开发者
