我想用 Bootstrap 创建一个模态对话框。我是 Bootstrap 的新手。
这是怎么做到的:
我如何做到这一点以及如何从文本字段中获取值。
最佳答案
模态框位于同一页面上。因此,模态中的任何输入字段都可以在页面中访问。
例如你有
<input type="text" id="txtName" />
您只需使用即可访问它
$("#txtName").val();
用于模态代码。到这里就完成了
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<input type="text" id="txtname">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
关于javascript - 如何使用 Bootstrap 模态对话框并获取返回值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30505287/