試圖有2個下拉框指向一個URL

所以我想在我的網站上有一個頁面，其中包含2個下拉框和一個提交按鈕。點擊提交按鈕將指向一個URL，然後將它們帶到新頁面。該URL將基於下拉菜單中選擇的內容。試圖有2個下拉框指向一個URL

例如：掉落下來1具有選項A和B 掉落下來2具有選項1和2

然後將有不同的URL爲每個組合 A1指向URL-1 A2指向URL-2 B1指向URL-3 B2指向URL-4

我真的不知道很多關於編碼，並一直在尋找一種方式來爲過去3小時做到這一點，我只是不」甚至不知道如何谷歌它。我非常感謝在這一點上我能得到的任何幫助。先謝謝你！ :)

下面是我的下拉框中的代碼。我編輯的選項的例子用A，B，1相匹配，和2

<html> 
<body> 
<form> 
<select id="list1t"> 
    <option>Select one</option> 
    <option>A</option> 
    <option>B</option> 
</select> 
</form> 
<form> 
<select id="list2"> 
    <option>Select one</option> 
    <option>1</option> 
    <option>2</option> 
</select> 
</form> 
</body> 
</html>

來源

2013-03-26 Nick

粘貼您的代碼比選擇它比按CTRL + K你將能夠發佈它。 – 2013-03-26 06:01:09

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 
var url; 
$(function(){ 
$('#link').click(function(){ 
    var val1=$('#first').val(); 
    var val2=$('#second').val(); 
    if(val1=='A'){ 
     if(val2=='1'){ 
       url="URL1"; 
     } 
     else{ 
       url="URL2"; 
     } 
    }else{ 
     if(val2=='1'){ 
       url="URL3"; 
     } 
     else{ 
       url="URL4"; 
     } 
    } 
    window.location.href=url; 
}); 
}); 
</script>

的HTML將

<select id="first"> 
    <option value="A" selected>A</option> 
    <option value="B">B</option> 
</select> 
<select id="second"> 
    <option value="1" selected>1</option> 
    <option value="2">2</option> 
</select>

你可以使用一個鏈接，點擊。不需要表單或提交按鈕

<a href="#" id="link">BUTTON</a>

來源

2013-03-26 06:19:49 Bhadra

這會工作，除非你沒有提到這需要jQuery。由於OP提到他是編程新手，他可能無法識別語法，因此提及這一點很重要。這個問題也被標記爲JavaScript，所以我會認爲一個JS-only解決方案將是首選（雖然我可能是錯的）。 – Zhihao 2013-03-26 06:46:12

我認爲我只能使用HTML – Nick 2013-03-26 07:29:03

複製代碼並在你的頁面中使用，它會工作 – Bhadra 2013-03-26 08:27:30

試圖有2個下拉框指向一個URL

回答

相關問題