多個選擇標準/下拉到鏈接

我需要有2個下拉選擇，用戶從每個選擇1 - 然後提交按鈕將這2個結果匹配到某個YouTube視頻。多個選擇標準/下拉到鏈接

例如：

每個下拉菜單可以有「媽媽」，「爸爸」，「KID1」和「KID-」 - 點擊提交按鈕後，每個組合將鏈接到一個不同的視頻（這將有那些2人）。

我不知道如何基本上有一系列基於下拉選擇的if/then語句。

所以像

if var1=Mom and var2=kid1 then youtubeurl=whatever1 

if var1=Mom and var2=kid2 then youtubeurl=whatever2

等

來源

2017-10-05 skiller1234

我們轉到SO。請訪問[幫助]瞭解如何以及要問什麼。提示：在[mcve]中發佈努力和代碼 – mplungjan

你有任何代碼可以顯示嗎？你打算如何做這些，如果然後聲明，用Javascript？向我們提供更多信息，以便我們爲您提供幫助。 –

發佈一些代碼，告訴我們你試過了什麼。 –

-1

我相信你正在使用Javascript，

檢查出「否則，如果」 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else

VAR youtubeurl的MDN頁面;

if(var1=="Mom" && var2=="kid1"){ 
    youtubeurl=whatever1; 
} else if(var1=="Mom" && var2=="kid2"){ 
    youtubeurl=whatever2; 
}

，或者你可以做，

if(var1=="Mom"){ 
    if(var2=="kid1"){ 
    youtubeurl=whatever1; 
    } else if(var2=="kid2"){ 
    youtubeurl=whatever2; 
    } 
}

來源

2017-10-05 20:24:31

你不能做到這一點與HTML僅

需要Javascript

var vids = { 
 
    mombro: "vid1", 
 
    momsis: "vid2", 
 
    dadbro: "vid3", 
 
    dadsis: "vid4", 
 
} 
 
window.onload=function() { // page has loaded 
 
    var sels = document.querySelectorAll(".sel"); // get all sels 
 
    for (var i=0;i<sels.length;i++) { // add event handler to each 
 
    sels[i].onchange=function() { // when any select changes 
 
     var val = document.getElementById("sel1").value + 
 
       document.getElementById("sel2").value; 
 
     console.log(vids[val] || "invalid combo"); 
 
    } 
 
    } 
 
}

<select class="sel" id="sel1"> 
 
    <option value="">Please select</option> 
 
    <option value="mom">Mom</option> 
 
    <option value="dad">Dad</option> 
 
</select> 
 
<select class="sel" id="sel2"> 
 
    <option value="">Please select</option> 
 
    <option value="bro">Brother</option> 
 
    <option value="sis">Sister</option> 
 
</select>

來源

2017-10-05 20:25:38 mplungjan

多個選擇標準/下拉到鏈接

回答

相關問題