javascript - 从下拉选项重定向到 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

回答1

您在第二部分 (html) id="comment-form1" 中使用了相同的“id”,您应该将其更改为 id="comment-form2"

相似文章

git - Git diff 什么都不显示

我有一个私有github存储库并将其克隆到我的本地计算机。我在本地机器上创建了一个包含一些随机内容的文件tmp.tmp,将其提交并推送到github,然后我通过github网站在github中更改了这...

最新文章