Проблема с перенаправлением на URL-адрес из раскрывающегося списка (для второй части)

Ниже я вставляю форму выбора:

<!-- PART 1  WORKING -->
<div id="first">
<label for="server-select">Wybierz typ instancji dla WooCommerce:</label>
<form  id="comment-form1" name="contact-form1"  onsubmit="return mysubmit();">
<select name="servers" id="optionswo">
    <option value="">--Please choose an option--</option>
    <option value="https://myweb.com/app/index.php?rp=/store/woocommerce-ecommerce/wocommerce-ecommerce-own-template">Instancja z własnym szablonem (darmowa instalacja)</option>
    <option value="https://myweb.com/app/index.php?rp=/store/woocommerce-ecommerce/woocommerce-clean-instance">Czysta instancja WooCommerce (Dowolna wersja)</option>
    <option value="server3">Gotowy sklep WOS1 Kategoria: Sklep zoologiczny</option>
</select><br /><br />
<input name="submit" type="submit" class="btn btn-light" value="Zainstaluj" /><br>
 </form>
</div>

<!-- PART 2  NOWORKING -->
<div id="second" style="display: none;">
<label for="server-select">Wybierz typ instancji dla OpenCart:</label>
<form  id="comment-form1" name="contact-form2"  onsubmit="return mysubmit();">
<select name="servers" id="optionsoc">
    <option value="">--Please choose an option--</option>
    <option value="https://myweb.com/app/index.php?rp=/store/opencart-ecommerce/opencart-ecommerce-own-template">Instancja z własnym szablonem (darmowa instalacja)</option>
    <option value="https://myweb.com/app/index.php?rp=/store/opencart-ecommerce/opencart-clean-instance">Czysta instancja OpenCart (Dowolna wersja)</option>
</select><br /><br />
 <input name="submit2" type="submit" class="btn btn-light" value="Zainstaluj" /><br>
 </form>
</div>

Для части 1 и части 2 ниже я пытаюсь добавить скрипт:

<script>
         document.getElementById('comment-form1').addEventListener('submit',(e)=>{
          e.preventDefault();
          window.location = (document.getElementById('optionswo').value);
         })
      </script>
      
      <script>
         document.getElementById('comment-form2').addEventListener('submit',(e)=>{
          e.preventDefault();
          window.location = (document.getElementById('optionsoc').value);
         })
      </script>

И часть 1 работает правильно и перенаправляет на URL. Но часть 2 не работает: созданная ссылка в браузере выглядит так:

?servers=https%3A%2F%2Fmywebsite.com%2Fapp%2Findex.php%3Frp%3D%2Fstore%2Fprestashop-ecommerce%2Fprestashop-ecommerce-own-template&submit=Zainstaluj#popup1
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
0
14
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Вы использовали тот же "id" во второй части (html) идентификатор = "комментарий-форма1", вы должны изменить его на идентификатор = "комментарий-форма2"

Извини. Виноват. Теперь все работает корректно.

Jan Kowalski 17.05.2022 20:37

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