Question

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

例如：

每次下拉都可能有＆＃34;妈妈＆＃34;，＆＃34;爸爸＆＃34;，＆＃34; kid1＆＃34;和＆＃34; kid2＆＃34; - 单击提交按钮（其中包含2个人）后，每个组合将链接到不同的视频。

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

所以喜欢

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

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

等

Answer 1

您不能仅使用HTML

你需要JavaScript

＆＃13;

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;

Answer 2

我认为你使用的是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;
  }
}

多个选择标准/下拉链接

2 个答案: