Question

我有两个下拉列表，每个下拉列表中都有不同的值，并且最后有一个提交按钮。现在我要做的是，当我选择第一个下拉选项时，然后从第二个下拉列表中选择另一个选项。现在，当我点击提交按钮时，它会显示相关值弹出窗口，其中有关闭按钮。

代码如下：

来自：

<select>
<option>America</option>
<option>India</option>
</select>

致电：

<select>
<option>England</option>
<option>France</option>
</select>

<input type="submit" name="" value="" />

这四个国家有四种不同的税率。当我选择从美国到英国的电话时，它会显示其费率的弹出窗口。当我选择从美国到法国的电话时，它会显示自己费率的弹出窗口。

如果你能帮助我，请提前致谢.. :)

Answer 1

检查一下。

http://jsfiddle.net/NFq2f/2/

Answer 2

猜猜你只想要所选的值或什么？首先给下拉名称和/或id。

让它变得简单，只需将其设为按钮而不是提交。

<select id="list1">
<option>USA</option>
<option>India</option>
</select>

<select id="list2">
<option>UK</option>
<option>Fr</option>
</select>

<input type="button" value="Click here" onClick="showAlert();">

<script language="javascript" type="text/javascript">
function showAlert() {
alert('Just get the values in here by ID.selectedItem.text I believe it is');
}
</script>

我相信这基本上就是你所追求的。

P.s.你对费率究竟是什么意思？

Answer 3

在这种情况下，采取Mithin Sasidharan写的内容而不是他使用的链接，只使用您制作的页面，然后将信息放在您拥有的页面上。

您也可以使用CSS创建链接并设置样式，使其看起来像一个按钮。如果你这样做，你可以简单地使用

<a href="LinkToYourPage" target="_blank"></a>

这将使链接打开一个新窗口，其中包含您指向的页面。

两个下拉菜单和一个提交按钮

3 个答案: