2011-11-03 124 views
0

我有两个下拉列表,每个下拉列表中有不同的值,并在上一个提交按钮.. 现在我想要做的是,当我选择一个选项形式第一个下拉,然后从另一个选项第二个下拉列表。现在,当我点击提交按钮时,它会显示相关的值弹出窗口中有关闭按钮。两个下拉菜单和一个提交按钮

代码如下:

从呼叫:

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

拨叫:

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

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

这四个国家有四个不同的费率.. 当我选择调用从美国到英格兰比它将显示其利率的弹出窗口。 而当我选择从美国打电话到法国比它会显示出其自身的速率的弹出窗口..

在此先感谢如果u能帮助我.. :)

回答

0

检查了这一点。

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

+0

Yah它的权利..但问题是,当我们选择这两个国家之后,我们应该点击一个按钮,之后将出现一个弹出窗口应该是一个可定制的div包含一些文本,呼叫率和关闭按钮..非常感谢 –

+0

我更新了代码,你可以再次检查它。 – erimerturk

0

猜你只是想选择的值或东西吗? 首先给下拉的名称和/或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.你究竟是指什么利率?

+0

我实际上想显示一个弹出窗口,其中包含我们在两个下拉列表中选择的这两个国家的通话费率。弹出窗口ll实际上是一个包含一些关闭按钮的文本的div ..谢谢无论如何... –

0

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

您也可以制作一个链接并使用CSS进行设计,使其看起来像一个按钮。 如果你这样做,你可以简单地使用

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

这将使链接打开与你对所指向的页面的新窗口。