Javascript 在2个下拉菜单列表中有选择选项？

我想有2个菜单列表，您必须从每个列表中选择一个选项，然后单击“下一步”按钮进入另一页

---

这里有一个链接：

注意，我更改了SELECT元素的ID。我这样做是为了更容易在JavaScript中定位特定元素。要使其正常工作，每个元素都应该有自己独特的id

<select id="jumpMenu1">
 <option value="0">Choose</option>
 <option value="">13</option> 
 <option value="">14</option> 
 <option value="">15</option> 
 <option value="">16</option> 
 <option value="">16.5</option> 
 <option value="">17</option> 
 <option value="">17.5</option> 
 <option value="">18</option> 
 <option value="">19.5</option> 
 <option value="">20</option> 
 <option value="">21</option> 
 <option value="">22</option> 
 <option value="225.html">22.5</option> 
 <option value="">24</option> 
 <option value="245.html">24.5</option> 
</select>

<select id="jumpMenu2">
 <option value="0">Choose</option>
 <option value="">11</option> 
 <option value="">12</option> 
 <option value="">13</option> 
 <option value="">16</option> 
 <option value="">16.5</option> 
 <option value="">17</option> 
 <option value="">17.5</option> 
 <option value="">18</option> 
 <option value="">19.5</option> 
 <option value="">20</option> 
 <option value="">21</option> 
 <option value="">22</option> 
 <option value="225.html">22.5</option> 
 <option value="">24</option> 
 <option value="245.html">24.5</option> 
</select>

<input type="button" value="Next" onclick="goToPage();" />

---

您提供的脚本很有效，但我想我不知道如何针对不同的页面而不是“someplace.html”

这些值让我困惑了如何翻译此URL（）

对不起，我是个鸟脑。我正在努力学习这一点。

您有两个选择：

1） 每次都重定向到同一个页面，但是当页面加载时，应该检查查询字符串中的值，并根据这些值显示所需的内容。以下是如何从查询字符串中获取值：

受保护的无效页面加载（对象发送方、事件参数e）

{

}

2） 您可以根据这两个select值的值从javascript重定向到不同的页面

函数goToPage（）

{

var jumpMenu1Value=document.getElementById（“jumpMenu1”）.value

var jumpMenu2Value=document.getElementById（“jumpMenu2”）.value

如果（jumpMenu1Value！==0&&jumpMenu2Value！==0）

{

---

}

您是如何使用选择元素值来确定要加载的页面的？

.value

在

元素上是不可预测的-使用

elem.options[elem.selectedIndex].value

这真的是一个答案吗？还是应该是对问题的编辑还是对另一个答案的评论？

function goToPage()
{
  var jumpMenu1Value = document.getElementById("jumpMenu1").value;
  var jumpMenu2Value = document.getElementById("jumpMenu2").value;

  if(jumpMenu1Value !== 0 && jumpMenu2Value !== 0)
  {
    window.location = "someplace.html?jumpMenu1=" + 
                      jumpMenu1Value + "&jumpMenu2=" + 
                      jumpMenu2Value;
  }
}

 double jumpMenu1; 

 double jumpMenu2;

 try{jumpMenu1 = double.Parse(Request.QueryString["jumpMenu1"]);}catch {jumpMenu1 = 0;}

 try{jumpMenu2 = double.Parse(Request.QueryString["jumpMenu2"]);}catch {jumpMenu2 = 0;}

 switch (jumpMenu1Value)

 {

     case 13:

     {

        switch (jumpMenu1Value)

        {

           case 11:

           {

              // the page coresponding to the Rim Size "13" and Tire Size "11"

              window.location = "someplace13-11.html"; 

              break;

           }

           case 12:

           {

              // the page coresponding to the Rim Size "13" and Tire Size "12"

              window.location = "someplace13-12.html"; 

              break;

           }

           //...

           default:

           {

              // redirect to a default/error page or show an error message

           }

        }

     }

     case 14:

     {

        switch (jumpMenu1Value)

        {

           case 11:

           {

              // the page coresponding to the Rim Size "14" and Tire Size "11"

              window.location = "someplace14-11.html"; 

              break;

           }

           case 12:

           {

              // the page coresponding to the Rim Size "14" and Tire Size "12"

              window.location = "someplace14-12.html"; 

              break;

           }

           //...

           default:

           {

              // redirect to a default/error page or show an error message

           }

        }

     }


     //...   

     default:

     {

        // redirect to a default/error page or show an error message

     }

  }

}

else

{

   //show an error message, the user has to choose both options!

}