下面我粘貼選擇表格：
<!-- 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" 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" 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://mywebsite.com/app/index.php?rp=/store/prestashop-ecommerce/prestashop-ecommerce-own-template&submit=Zainstaluj#popup1
uj5u.com熱心網友回復：
您在第二部分 (html) id="comment-form1"中使用了相同的“id” ，您應該將其更改為id="comment-form2"
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/476633.html
標籤：javascript 形式