Изменить значение параметра на href?

Привет, я скачал некоторый шаблон 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>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
54
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вот вам пример. Вероятно, можно сделать это лучше, но я не знаю контекста.

$('#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>

Зачем использовать jQuery?

Quentin Veron 10.03.2019 15:45

Предоставленный им шаблон @QuentinVeron основан на Bootstrap, поэтому ему все равно приходится использовать jQuery.

quez 11.03.2019 16:42

Вы можете добавить прослушиватель onsubmit в свою форму.

<form method = "POST" action = "#" onsubmit = "myFunction()">...
</form>

<script>
myFunction(){
    var x = document.getElementById("ticket-type").value;
    if (x== 'standard-access') {window.location.href = "http://www.URL1.html";}
    else if (x== 'pro-access') {window.location.href = "http://www.URL2.html";}
    return false; // to prevent default submit
}
</script>

Другие вопросы по теме