多个选择标准/下拉到链接

我需要有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

多个选择标准/下拉到链接

回答

相关问题