如何保存和关闭bootstrap模式？

Question

这个问题有很多答案,但这些答案都没有解决我的问题.我有一个带有一些<select>标签的模态.我试图保存值select options.在他们点击后Save,模态应该关闭但不是submit结果,因为用户在点击save模态后仍需要查看内容.

HTML

 <!-- Modal -->
 <div id="1" 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">&times;       </button>
    <h4 class="modal-title">Modal Header</h4>
  </div>
  <div class="modal-body">
    //select tags go here
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default"    data-dismiss="modal">Close</button>
    <button id="save" onclick="save()" class="btn btn-width bkgrnd-cyan save-details" type="button" name="save-details">Save</button>
  </div>
</div>

JS

$('#save').click(function() {
$('#1').modal('hide');
 });

由于我的代码很长,我只是从谷歌复制了一个模态,但我添加了我的Save按钮,所以这是Save我的模态正在使用的真实按钮.

谢谢

编辑

我将id号更改为字母,所以现在代码不包含任何以number开头的id,谢谢.

PS还需要帮助= /

编辑

我也尝试了这个,它没有用

$(document).ready(function(){

 $('#save').click(function(){
$('#modal_1').modal('hide');//modal_1 is the id 1
 }); 

}); 

Answer 1

HTML

<div id="someModalId" 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">&times;       </button>
    <h4 class="modal-title">Modal Header</h4>
  </div>
  <div class="modal-body">
    <select id="exampleSelect">
    </select>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default"    data-dismiss="modal">Close</button>
    <button id="save" onclick="save()" class="btn btn-width bkgrnd-cyan save-details" type="button" name="save-details">Save</button>
  </div>
</div>

JS

$('#save').click(function() {
  $select_value = $("#exampleSelect").value();
  $('#someModalId').modal('hide');
});

1. 选择一个名称或ID
2. 将select的值设置为全局变量.如果收到错误,请确保将变量声明在顶部.

Answer 2

我不确定id=1可以使用，但是您可以使用此代码来模拟对关闭按钮的点击（或者您可以向其中添加ID或类）。

您可能必须删除 onclick="save()"

data = {};
$("#save").on("click", function(e){
  e.preventDefault(); // prevent de default action, which is to submit
  // save your value where you want
  data.select = $("#exampleSelect").value();
  // or call the save function here
  // save();
  $(this).prev().click();

});