多个选择标准/下拉链接

时间:2017-10-05 20:14:59

标签: html dropdown

我需要有2个下拉选项,用户从中选择1个 - 然后是一个提交按钮,将这2个结果与某个YouTube视频相匹配。

例如:

每次下拉都可能有"妈妈","爸爸"," kid1"和" kid2" - 单击提交按钮(其中包含2个人)后,每个组合将链接到不同的视频。

我无法弄清楚如何根据下拉选项基本上有一系列if / then语句。

所以喜欢

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

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

2 个答案:

答案 0 :(得分:0)

您不能仅使用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");
    }
  }
}
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:-1)

我认为你使用的是Javascript,

在“else if https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else

上查看MDN页面

var youtubeurl;

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;
  }
}