如何使2下拉菜單與PHP / HTML中其他頁面的鏈接一起工作？

Question

我仍然是PHP的初學者。 我在下拉列表和鏈接方面遇到問題。 我希望能夠在下拉菜單中選擇一個選項，然后轉到指定頁面。 由於某些原因，僅第二個下拉菜單的鏈接。 通過鏈接到特定的市政頁面，（市政）將可以正常工作。 犯罪下拉菜單將不會鏈接到特定犯罪頁面。 我已經包含了犯罪下拉列表和市政下拉列表的代碼。 我還包括以下腳本。

最終，我的問題是為什么兩個下拉列表都不能通過鏈接正常運行？

<script language="JavaScript" type="text/javascript">

    function gopage(theLink) {
        if (document.dropdown.theLink.value != "") {
            location.href = document.dropdown.theLink.value;
        }
    }

</script>

<form name="dropdown">
    <select name="theLink" onchange="gopage(theLink)">
        <option value="ALL">Choose Crime associated with the Gang</option>
        <?php
        //echo 'NOWWWWWWWWWWWWWWWWWWWWWW';
        if ($length3 <> 0) {
            for ($m = 0; $m < $length3; $m++) {
                $rows = $resultset3[$m][crime_name];
                $trackchoices = $rows;

                $options2 = "<option value=\"crimesmain.php?crime=$trackchoices\">$trackchoices</option>";
                echo "$options2";
            }
        }
        else if ($length3 == 0) {
            $trackanswer = "NO CRIMES";
            $options5 = "<option value=\"$trackanswer\">$trackanswer</option>";
            echo "$options5";
        }
        ?>
    </select>
</form>

<br>
<br>

<form name="dropdown">
    <select name="theLink" onchange="gopage(this)"> 
        <option value="ALL">Choose Municipality associated with the Gang</option>
        <?php
        if ($length12 <> 0) {
            for ($q = 0; $q < $length12; $q++) {
                $rows2 = $resultset6[$q][municipality_name];
                $trackchoices2 = $rows2;
                //try

                $options3 = "<option value=\"municipalitymain.php?mun=$trackchoices2\">$trackchoices2</option>";
                //echo "<a href='municipalitymain.php?mun=$options3'>";
                echo "$options3";
            }
        }
        else if ($length12 == 0) {
            $trackanswer = "NO MUNICIPALITY";
            $options6 = "<option value=\"$trackanswer\">$trackanswer</option>";
            echo "$options6";
        }
        ?>
    </select>
</form>

Answer 1

我認為更好的解決方案是將select元素的id傳遞給gopage，以便您的函數如下所示

function gopage(elId)
{
   if (document.getElementById(elId).value != "") {
        location.href = document.getElementById(elId).value;
    }
}

第一次下拉

<select name="theLink" id="crime" onchange="gopage('crime')">

第二個下拉菜單

<select name="theLink2" id="muni" onchange="gopage('muni')">