表单提交URL重定向不起作用

Question

尝试创建两个下拉列表，其中第二个下拉列表依赖于第一个下拉列表，第二个下拉列表包含带有转到URL的GO按钮的URL值。我需要在Elementor中实现这一点。

我遵循本文的指导：Dependent Dropdown lists with go to url button，并创建了以下代码，但URL重定向部分不起作用。您可以在此处找到jsFiddle：https://jsfiddle.net/jfsurbano/u26c0vb9/5/

当我在Elementor中实现这段代码时，dropdown也不起作用。这背后可能的原因是什么？

任何建议都将不胜感激！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    
    <script>
        $(function() {
    
        var $cat = $("#state"),
        $subcat = $(".subcat");
    
        $cat.on("change", function() {
            var _rel = $(this).val();
            $subcat.find("option").attr("style", "");
            $subcat.val("");
            if (!_rel) return $subcat.prop("disabled", true);
            $subcat.find("[rel=" + _rel + "]").show();
            $subcat.prop("disabled", false);
        });
    
        });
    
        function goToNewPage() {
            var url = document.getElementById('store').value;
            console.log(url);
            if (url != 'none') {
            window.open = url;
            }
        }
    </script>   
    
<div class="ranking-div">
    <div class="ranking-container">
        <p class="dropdown-header">請選擇你想查詢的<span class="dropdown-title">危疾保險排行榜</span></p>
    <div id="form-container">
        <form id="formname" name="Sate-Store">
            <select name="state" id="state">
            <option value="">保險類別</option>
            <option value="公司醫保">公司醫保</option>
            <option value="自願醫保">自願醫保</option>
            <option value="傳統醫保">傳統醫保</option>
            <option value="危疾保險">危疾保險</option>
            <option value="儲蓄保險">儲蓄保險</option>
            <option value="意外保險">意外保險</option>
            <option value="人壽保險">人壽保險</option>
            </select>

            <select disabled="disabled" class="subcat" id="store" name="store">
            <option value>產品分類</option>

            <!-- 公司醫保 -->
            <option rel="公司醫保" value="http://www.google.com">公司醫療保險</option>

            <!-- 自願醫保 -->
            <option rel="自願醫保" value="www.google.com">標準計劃</option>
            <option rel="自願醫保" value="www.google.com">靈活計劃(附加醫療)</option>
            <option rel="自願醫保" value="www.google.com">靈活計劃(高端)</option>

            <!-- 傳統醫保 -->
            <option rel="傳統醫保" value="大眾醫療">大眾醫療</option>
            <option rel="傳統醫保" value="高端醫療">高端醫療</option>

            <!-- 危疾保險 -->
            <option rel="危疾保險" value="定期危疾">定期危疾</option>
            <option rel="危疾保險" value="儲蓄危疾(多次賠償)">儲蓄危疾(多次賠償)</option>
            <option rel="危疾保險" value="儲蓄危疾(全面多次賠償)">儲蓄危疾(全面多次賠償)</option>
            <!-- 儲蓄保險 -->
            <option rel="儲蓄保險" value="儲蓄保險">儲蓄保險</option>
            <option rel="儲蓄保險" value="派息保單">派息保單</option>
            <option rel="儲蓄保險" value="短期儲蓄">短期儲蓄</option>
            <option rel="儲蓄保險" value="傳承保單">傳承保單</option>
            <option rel="儲蓄保險" value="傳統延期年金">傳統延期年金</option>
            <option rel="儲蓄保險" value="可扣稅延期年金QDAP">可扣稅延期年金QDAP</option>

            <!-- 意外保險 -->
            <option rel="意外保險" value="意外保險">意外保險</option>

            <!-- 人壽保險 -->
            <option rel="人壽保險" value="定期人壽">定期人壽</option>
            </select>

<input class="btn-submit" type=button value="立即查看" onclick="goToNewPage()" />

</form>
</div>
    </div>
    
</div> 

Answer 1

window.open()是一种方法。当您调用window.open = url;时，您将函数的定义更改为url字符串。取而代之的是：

window.open(url);