隐藏/显示下拉菜单取决于另一个选项
Hiding/Showing Drop Down menus depending on another option
我试图使它,所以当一个人从下拉菜单中选择一个选项,另一个下拉菜单显示出来。如果我有一个下拉菜单,有三个选项,温哥华,新加坡,纽约。当用户选择温哥华时,会出现一个带有几个选项的下拉菜单,如果他们选择纽约,则会出现另一个下拉菜单。为了使事情变得复杂,我还使用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>";
然后什么都不工作了。无论我选择什么选项都没有显示。我完全卡住了,不知道它出了什么问题。
嗯…首先,我要给你一个提示,这可能是你多年前祈求的:
关闭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
相关文章:
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- 在dojo中将数据从一个选项卡绑定到另一个选项卡(打开选项卡?)
- 对添加另一个选项卡的onsubmit函数停止重定向
- 单击链接时添加另一个选项
- 使用jquery如何自动删除下拉列表中的第一个空白选项(如果它依赖于另一个选项)
- 即使在另一个选项卡中,也要继续使用Javascript动画
- AngularJS ng选项添加了另一个选项
- 在另一个选项卡中打开同一域时,窗口标题会发生更改
- 在另一个选项卡中设置了ClearTimeout
- 单击时更改表单选择选项并选择另一个选项
- 登录另一个选项卡/窗口后,将一些更改推送到另一个选项卡/窗口中的网页
- 如何在 HTML 选择元素中跟踪焦点(从一个选项到另一个选项)
- JQuery 进度条在打开另一个选项卡时停止动画
- 在当前选项卡中按下按钮时显示另一个选项卡
- 为什么JavaScript setTimeout在另一个选项卡中滞后
- 如何使用 Javascript 从另一个选项卡刷新选项卡
- 当我切换到另一个选项卡并返回时,重新加载页面
- 提交表单并在 AJAX & PHP 的另一个选项卡中显示文本框值
- 当用户从另一个选项卡注销谷歌时,如何执行一些javascript
- 使用javascript获取另一个选项卡的cookie