javascript - 如何在 Bootstrap 模式中根据用户从选项菜单中的选择导航到 URL？

Question

我正在尝试实现一项功能，但似乎找不到合适的解决方案。

在 Bootstrap 模式中，我有一个下拉菜单，如下所示:

  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  </div>
  <div class="modal-body">
    <form onsubmit='makePath(this);'>
      <div class="form-group">
        <label for="exampleSelect1">Select an item to add</label>
        <select id="select" class="form-control" id="createNewSelect">
          <option value="lease">Lease</option>
          <option value="sale">Sale</option>
          <option value="location">Location</option>

        </select>

      </div>
    </form>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-primary" data-dismiss="modal">Create</button>
  </div>
</div>

目标:

1. 用户启动创建模式
2. 用户从下拉列表中选择元素
3. 用户在点击创建按钮时导航到所选元素的 URL。

感谢任何帮助。

传统知识

Answer 1

好吧，有很多方法可以实现这一点。因为 bootstrap 使用 jQuery...

$(function() {
   $('button[data-dismiss]').click(function()
   {
       window.location.href = $('#select').val()
   });