个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我需要创建 3 个相互关联的依赖下拉菜单。因此，如果选择第一个，相关数据将显示在第二个下拉列表中，而当在第二个下拉列表中选择选项时，第三个下拉列表中将显示一些相关数据。
我需要在此表单上使用 $_GET，因此如果选择了第二个选项中的特定选项，则会显示一条消息，并且当选择了第三个下拉菜单中的选项时，页面会重定向到例如 www. google.com。我在第一个字段中需要两个不相关的数据，因此当选择它们时，页面会重定向到例如 www.msn.com。
我知道它需要 JavaScript，但不幸的是我现在不懂 JS。
请不要使用“this.value”向 JavaScript 发送参数，因为它与我的其他代码之一冲突。
(我不想重新加载页面)
类似这样的东西:
Drop down 1 ----------------------- drop down 2 ----------------------- drop down 3
option 1 ( redirect to msn.com)
option 2 ==========================> Option 100 ======================> Option 500
Option 101 Option 501
Option 3 (redirect to google.com) Option 102 (message:Hello )
Option 103 ======================> Option 700
Option 701
我尽力解释了，希望你明白我想说的。
感谢您的帮助。
最佳答案
这是一个快速而肮脏的答案......
<html>
<head>
<script type='text/javascript'>
var drop3Options = {"100":["500","501"],"103":["700","701"]};
function drop1Change(){
var value = document.getElementById("drop1").value;
if(value == "msn")
window.location.href = "http://www.msn.com";
else if(value == "google"){
window.location.href = "http://www.google.com";
}
}
function drop2Change(){
var value = document.getElementById("drop2").value;
var drop3List = document.getElementById("drop3");
if(drop3Options[value]){
drop3List.options.length = 0;
for(var i = 0; i < drop3Options[value].length; i++){
drop3List.options[i] = new Option(drop3Options[value][i],drop3Options[value][i]);
}
}
}
</script>
</head>
<body>
<form method='GET' action='serverScript.php'>
<select id='drop1' onchange='drop1Change()'>
<option value='msn'>MSN</option>
<option value='dr2'>DROP 2</option>
<option value='google'>GOOGLE</option>
</select>
<select id='drop2' onchange='drop2Change()'>
<option value='100'>100</option>
<option value='101'>101</option>
<option value='102'>102</option>
<option value='103'>103</option>
</select>
<select id='drop3'>
<option value='500'>500</option>
<option value='501'>501</option>
</select>
<input type='submit' value='SUBMIT'/>
</form>
</body>
</html>
显然我不知道你到底在使用这个脚本做什么，所以我很难做出假设并给你更好的代码，但这会做我理解的问题......我也不知道不知道您将把它发送到哪个服务器端脚本。但只需更改表单中的 ACTION 属性即可反射(reflect)服务器脚本的位置。
JavaScript 有一个全局变量 (drop3Options)。这是一个具有两个属性的对象，其中包含用于选择 3 个选项的 2 个数组。
所以 drop3Options['100'] 保存一个数组 ['500','501']drop3Options['103'] 保存一个数组 ['700','701']
当您更改选择框时，它会调用适当的方法，这是通过向每个选择元素添加“onchange”属性来完成的，它会调用查看值并相应执行操作的函数
我认为您需要做的不止于此，因此请提供更多具体信息，我很乐意提供帮助
关于php - 创建 3 个彼此相关的下拉菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10789690/
25
4
0
第一段代码工作正常，并给出了我需要的结果。我现在想做的是让它在 'as num' 上返回 3 个数字值对于“as num”上的 3 个不同值，对于同一列上的 3 个不同位置 SELEC
我想分析一些数据以编写定价算法。以下日期可用: 我需要三个变量/维度的函数/相关因子，它显示三个维度(pers_capacity、卧室数量、浴室数量)增长时中位数(价格)的变化。例如Y(#pers_c
正如标题所说 - 我的 Sprite Kit 游戏时不时地在后台崩溃，总是出现此错误 - Exception Type: EXC_BAD_ACCESS (SIGSEGV) Exception Sub
假设我尝试保存以下数据，并且Songs模型的name属性上设置了Phalcon \ Mvc \ Model \ Validator \ PresenceOf验证器 // Get an existing
我有一个 if 控件，如下所示； if (Directory.Exists(System.IO.Path.Combine(systemPath, "Reports", companyName))
有人可以告诉我我们使用 ReadLine() 从文件 (.txt) 中读取特定行吗？现在我想读取文件的全部内容(不仅仅是第一行)。为此我需要使用什么方法。我用谷歌搜索了很多，但找不到解决方案。 我的代
我相信在大学时我用从 C 派生的语言为 FPGA 编写了一个程序。我了解 VHDL 和 verilog 等语言。但是，我不明白的是程序员在使用哪个方面有多少选择？它依赖于FPGA吗？我将使用 Xili
我有一个 if 控件，如下所示； if (Directory.Exists(System.IO.Path.Combine(systemPath, "Reports", companyName))
如何在运行时更改 Dashcode (Javascript) 中图像对象的源？ 我试过: var image = document.getElementById("image").object;ima
我有几个相互关联的类，它们将被多种不同的算法使用 例子: struct B; struct A { B* parent; }; struct B { std::vector child
我正在开发一个网站，用户在客户收到的表中输入金额，如果任何客户没有提供分期付款(金额)，则用户不会在表中输入任何金额，并且用户希望获取违约者的信息客户以10天为基础。所以我的问题是应该定义什么表和属性
我试图从上一个条目中选择一个值，并每次将该数字加一。我让它工作到选择当前条目值(默认 1000)并递增 1 并重新插入该值(因此每次最终都是 1001)。我需要它来选择该字段的最后一个条目，这样它将变
我不擅长“制作”查询。假设这是我的数据库: artist pics ------------------- -
最近，我要为我的网站做一个即时通知系统。我听说 COMET 在这种情况下必不可少。 我已经搜索 PHP 和 Comet 一段时间了，但是，我发现的指南和文章似乎只是循环中的 ajax 请求。例如，有一
我正在开发一款 iOS 游戏，我希望 clown 在场景外生成，然后向下移动。我的想法是全部创建它们，并将它们以 360 像素的距离放置在不可见的场景中。 像这样: SKSpriteNode *clo
我有以下子订单表。 mysql> select * from suborder; +-------------+------------------+ | order_state | bookin
这可能是一个有点初学者的问题，但考虑到在 Java 中调试编码是相当相关的:什么时候编码与 String 对象相关？ 假设我有一个要保存到文件中的字符串对象。 String 对象本身是否使用某种我应该
首先我想说我是 CPP 的新手(我从 cpp11 开始):)考虑以下实体:学生(名字+姓氏)和组(描述+更多学生)。我在 C++ 中创建了以下 2 个类: class Student { privat
我正在尝试在单击该复选框时同步更新我的数据库。我决定使用 aJax，但它似乎无法识别 ajax。 代码:将成为 Switch_Active(this.id) 函数的元素 ... Deactivat
我正在创建一个菜单。菜单如下。 $('.category').mouseover(function() { $(this).removeClass('category').addClass('cate
我是一名优秀的程序员,十分优秀！