移动网站的两个下拉列表

Two drop down lists for a mobile site

本文关键字：两个 下拉列表 移动网 网站 移动      更新时间：2023-09-26

我想创建两个下拉列表表单，例如第一个有"建议A"和"建议B"，第二个有"建议1"和"建议2"

例如，访问者将从第一个下拉列表中选择"建议

A"，从第二个下拉列表中选择"建议 2"。

点击提交按钮后，他将被重定向到 http://www.domain.com/advice-a/advice-2/

我已经有这段代码了：

var getURL = function(){
var option1 = document.getElementById('dropDown1').value;
var option2 = document.getElementById('dropDown2').value;
var URL = 'http://www.domain.com/' + option1 + '/' + option2;
location.href=(URL); }
<select id="dropDown1">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="dropDown2">
<option value="1">1</option>
<option value="2">2</option>
</select>  
<button onclick="getURL()">Run</button>

  1. 我想让它与所有手机和平板电脑浏览器兼容。我听说我需要用Jquery写它。代码是什么？

  2. 如果选择了 dropDown1 中的值"2"和 dropDown2 中的值"2"，我想要一个完整的自定义 url http://www.domain2.com/custom-value/。

感谢您的帮助。

  1. 搜索jquery并自己尝试。它真的很容易理解。这是文档：http://api.jquery.com
  2. 这将是一些选项：
    • http://www.domain.com/value1/value2
    • http：//www.domain.com？value1=[]&value2=[]
    • http://www.domain.com/value1value2（如果两个下拉列表中都有 20 个选项，请在小于 10 的数字上添加一个零）
    • 我个人最喜欢的是seccond。
相关文章：