两个下拉列表形式获得一个网址 [英] Two drop down lists form to get one url

问题描述

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

I would like to create two dropdown lists form, for example the first one would have "Advice A" and "Advice B" and the second one would have "Advice 1" and "Advice 2"

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

For example, a visitor would choose "Advice A" from the first dropdown list and "Advice 2" from the second dropdown list.

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

After clicking on the submit button, he would be redirected to http://www.domain.com/advice-a/advice-2/

我该怎么做?我只找到了列表1的示例代码，该示例代码会在Google上修改列表2，但这对我没有帮助.

How could i do this? I only found example code of list 1 which would modify list 2 on Google, which doesn't help me.

推荐答案

这里是一个示例，您可以轻松地对其进行编辑以使用您的特定选项.

Here is an example, you can easily edit it to work with your specific options.

http://jsfiddle.net/joshlankford/ysx0js3c/

var getURL = function(){
    var option1 = document.getElementById('dropDown1').value;
    var option2 = document.getElementById('dropDown2').value;
    var URL = 'http://www.domain.com/' + option1 + '/' + option2;
    alert(URL);
}

<select id="dropDown1">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

<select id="dropDown2">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>  

<button onclick="getURL()">Run</button>

这篇关于两个下拉列表形式获得一个网址的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！