javascript - 根据另一个选项隐藏/显示下拉菜单

Question

我正在努力做到这一点，当一个人从下拉菜单中选择一个选项时，会出现另一个下拉菜单。因此，如果我有一个包含 3 个选项的下拉菜单，“温哥华”、“新加坡”、“纽约”。当用户选择温哥华时，下拉菜单会显示几个选项，如果他们选择纽约，则会出现另一个下拉菜单出现了。为了使事情变得复杂，我还使用 php，因为它最终将在服务器端运行。

echo "<script type=\"text/javascript\">";
echo "function getDropDown(sel){";
echo  "hideAll();";
echo  "document.getElementById(sel.options[sel.selectedIndex].value).style.display ";
echo  "= 'block';";
echo "}";

echo "function hideAll(){";
echo  "document.getElementById(\"vancouver\").style.display = 'none';";
echo  "document.getElementById(\"singapore\").style.display = 'none';";
echo  "document.getElementById(\"newyork\").style.display = 'none';";
echo "}";
echo "</script>";

echo    "<tr>"; 
        echo "<td align=\"right\">";
        echo "<td>";
            echo "<select name=\"optionDrop\" onChange=\"getDropDown(this)\">";
               echo "<option value=\"\">Please Select</option>";
                echo "<option value=\"vancouver\">Vancouver</option>";
                echo "<option value=\"singapore\">Singapore</option>";
                echo "<option value=\"newyork\">New York</option>";
            echo "</select>";
        echo "</td>";
    echo "</tr>";

echo "<tr>"; 
echo "<td align=\"right\">City</td>";
echo "<td>";
echo "<div id=\"vancouver\" style=\"display: none;\">";
            echo "<select name=\"optionDrop\" >";
                echo "<option value=\"\">Please Select</option>";

            echo "</select>";
            echo "</div>";

echo "<div id=\"singapore\" style=\"display: none;\">";
//echo "<select name=\"optionDrop2\">";
  //              echo "<option value=\"\">Please Select2</option>";
  echo "Sing";
echo "</div>";

echo "<div id=\"newyork\" style=\"display: none;\">";
  echo "New York";
echo "</div>";
echo "</td>";
echo "</td>";
echo "</tr>";

现在，当我选择“温哥华”选项时，会弹出一个下拉菜单，而当我选择其他选项时，会出现一个文本。但是，如果我取消注释这些行

//echo "<select name=\"optionDrop2\">";
  //              echo "<option value=\"\">Please Select2</option>";

然后就什么都不管用了。无论我选择什么选项，都没有显示。我完全被卡住了，不知道它出了什么问题。

Answer 1

嗯……首先我给你一个提示，你可能在很多年前就乞求过:

关闭 php 文件中的 php 标记不会破坏您的代码。如果您只想像在发布的代码中那样显示 HTML，只需执行以下操作:

<?php
    $variable = "test";
    // Some random things blabla.
?>
<span class="test">
    <?php echo $variable; ?>
</span>
<?php
    $something = "something_else";
    // Some other php
?>

关于你的问题，你去: http://codepen.io/anon/pen/GxytE