javascript - 将选项值更改为 href?

标签 javascript html css

您好,我下载了一些我正在尝试重新调整的 html 模板,并且我有一些这样的代码形式,我是否可以将选项“值”更改为“href”,以便当客户端选择时让我们说“标准访问”然后单击“立即购买”按钮重定向到 Paypal 让我们说? 这是代码:

 <div class="modal-body">
          <form method="POST" action="#">
            <div class="form-group">
              <input type="text" class="form-control" name="your-name" placeholder="Your Name">
            </div>
            <div class="form-group">
              <input type="text" class="form-control" name="your-email" placeholder="Your Email">
            </div>
            <div class="form-group">
              <select id="ticket-type" name="ticket-type" class="form-control" >
                <option value="">-- Select Your Ticket Type --</option>
                <option value="standard-access">Standard Access</option>
                <option value="pro-access">Pro Access</option>
                <option value="premium-access">Premium Access</option>
              </select>
            </div>
            <div class="text-center">
              <button type="submit" class="btn">Buy Now</button>
            </div>
          </form>
        </div>

最佳答案

这里有一些例子。可能可以让它变得更好,但我不知道上下文。

$('#confirmButton').on('click', function() {
  const href = $('#redirect').val();
  window.location.href = href;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="redirect">
  <option value="" disabled selected>-- Select Your Ticket Type --</option>
  <option value="https://www.google.com">Google</option>
  <option value="https://stackoverflow.com">Stackoverflow</option>
</select>
<button type="button" id="confirmButton">Confirm</button>

关于javascript - 将选项值更改为 href?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55088733/

相关文章:

javascript - 我的 CSS 仅应用于单个页面而不是所有页面 CodeIgniter

javascript - 如何启用和禁用页面滚动

jquery - 如何让jQuery动画向上

html - 如果 font-face 不存在,CSS 更改文本?

javascript - 输入文本处于焦点时如何显示父表单?

javascript - 如何创建多层 Accordion 菜单?

javascript - 我有一个要求,我需要根据下拉选择显示价格

css - 如何使蒙版 div 内的元素完全可见(工具提示样式)?

css - 为什么 Bootstrap 4 在移动设备上不会中断?

html - 圆圈css3问题中的中心文本