Question

我发布这个问题是因为Q＆amp; A有问题的第一部分（下拉选项），但我不知道如何合并第二部分（按钮）。场景是这样的：

我的页面有一个带有选项的html下拉列表：选项1选项2选项3选项4选项5

还有各种按钮： ButtonA ButtonB ButtonC ButtonD ButtonE

我想将用户发送到Button / Option的相应页面。

例如，如果用户选择选项2然后单击按钮D，我希望按钮D打开ButtonD-Option2页面。然后用户也可以单击ButtonB，在这种情况下，如果未更改选项，我将打开ButtonB-Option2页面。或者用户可以更改为选项3并再次单击按钮D，它将打开ButtonD-Option3页面。

所以我回到这里，我尝试了各种各样的东西，这就是我到目前为止所做的：

<select id="LineDropdown" onchange="ChangeLineFunc()">
    <option selected value = "000"> Select ... </option>
    <option value = "002">002</option>
    <option value = "003">003</option>
    <option value = "004">004</option>

等等......

按钮只是一个列表：

<ul>
<li> <input type=button class="button" value = "Button1" onclick="OpenButton1()"/></li>
<li> <input type=button class="button" value = "Button2" onclick="OpenButton2()"/> </li>

......等

我可以看到他们选择的内容：函数ChangeLineFunc（）{

var LineSelected = document.getElementById( "LineDropdown" );
var LineSelectedValue = LineSelected.options[LineDropdown.selectedIndex].value
// alert( LineSelected.options[LineDropdown.selectedIndex ].value )
alert (LineSelectedValue)

}

我可以打开硬编码页面：

function OpenButton1() {
location.href("https...Button1/Option2.pdf")

}

我真正想做的是打开|

location.href("https ... Button1/*selectedoption*.pdf

我现在想坚持使用每个按钮的功能，因为它（对我来说）更容易理解。

Answer 1

下次发布问题时，请分享您的代码。检查this小提琴，它可能会为你做。这是js的一部分。

var combinations = [
  {option:1, button:'a', link:'www.google.com'},
  {option:1, button:'b', link:'www.ustraa.com'},
  {option:2, button:'a', link:'www.ustraa.com'},  
  {option:2, button:'b', link:'www.google.com'},
];
window.handleClick = function(button) {
  var option = $('#select-box').val();
  combinations.forEach(function(c) {
    if (c.option == option && c.button == button) {
      console.log(c.link);
      //window.location = c.link;
    }
  });
}

基于所选选项和点击按钮的组合打开链接（html，javascript）

1 个答案: