自举';基于触发器按钮的Javascript可变模式内容
我正在使用这个Javascript 如果我点击发送消息,什么也不会发生自举';基于触发器按钮的Javascript可变模式内容,javascript,html,bootstrap-modal,Javascript,Html,Bootstrap Modal,我正在使用这个Javascript 如果我点击发送消息,什么也不会发生 如何启用提交 更改按钮的行 <button id="buttonSend" type="button" class="btn btn-primary">Send message</button> 将按钮的行更改为 <button id="buttonSend" type="button" class="btn btn-primary">Send message</button&g
如何启用提交 更改按钮的行
<button id="buttonSend" type="button" class="btn btn-primary">Send message</button>
将按钮的行更改为
<button id="buttonSend" type="button" class="btn btn-primary">Send message</button>
只要试着把你的
放在
后面,里面有所有的表单元素,包括按钮,如下所示:
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">New message</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="recipient-name" class="control-label">Recipient:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="form-group">
<label for="message-text" class="control-label">Message:</label>
<textarea class="form-control" id="message-text"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Send message</button>
</div>
</form>
</div>
</div>
</div>
&时代;
新消息
收件人:
信息:
接近
发送消息
只要试着把你的
放在
后面,里面有所有的表单元素,包括按钮,如下所示:
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">New message</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="recipient-name" class="control-label">Recipient:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="form-group">
<label for="message-text" class="control-label">Message:</label>
<textarea class="form-control" id="message-text"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Send message</button>
</div>
</form>
</div>
</div>
</div>
&时代;
新消息
收件人:
信息:
接近
发送消息
Add linked codeJS code formatted Add linked codeJS code formatted
$(document).on("click", "#buttonSend", function (event) {
// Your ID Form
$("#frm").submit();
});
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">New message</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="recipient-name" class="control-label">Recipient:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="form-group">
<label for="message-text" class="control-label">Message:</label>
<textarea class="form-control" id="message-text"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Send message</button>
</div>
</form>
</div>
</div>
</div>