当选择两个选项时，使用jquery更改按钮上的链接

Question

嗨，我想创建一个简单的搜索表单，所以当用户选择选项1时，它会显示特定的选项。然后，我想在一个按钮上的链接，把他们带到该网页上的网站。

我有来自另一个线程的代码，它工作得很好(没有按钮)，但是如果在第一个框中选择了动物，然后在第二个框中选择了狼，那么按钮链接将改为www.mysite.com/wolf.html？

谢谢

​

$("#select1").change(function() {
  if ($(this).data('options') == undefined) {
    /*Taking an array of all options-2 and kind of embedding it on the select1*/
    $(this).data('options', $('#select2 option').clone());
  }
  var id = $(this).val();
  var options = $(this).data('options').filter('[value=' + id + ']');
  $('#select2').html(options);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select name="select1" id="select1">
  <option value="1">Fruit</option>
  <option value="2">Animal</option>
  <option value="3">Bird</option>
  <option value="4">Car</option>
</select>


<select name="select2" id="select2">
  <option value="1">Banana</option>
  <option value="1">Apple</option>
  <option value="1">Orange</option>
  <option value="2">Wolf</option>
  <option value="2">Fox</option>
  <option value="2">Bear</option>
  <option value="3">Eagle</option>
  <option value="3">Hawk</option>
  <option value="4">BWM<option>
</select>

​

Answer 1

用这个：

HTML：

<select name="select1" id="select1">
  <option value="1">Fruit</option>
  <option value="2">Animal</option>
  <option value="3">Bird</option>
  <option value="4">Car</option>
</select>


<select name="select2" id="select2">
  <option value="1">Banana</option>
  <option value="1">Apple</option>
  <option value="1">Orange</option>
  <option value="2">Wolf</option>
  <option value="2">Fox</option>
  <option value="2">Bear</option>
  <option value="3">Eagle</option>
  <option value="3">Hawk</option>
  <option value="4">BWM<option>
</select>

<a href="" ></a>

联署材料：

$("#select1").change(function() {
  if ($(this).data('options') == undefined) {
    /*Taking an array of all options-2 and kind of embedding it on the select1*/
    $(this).data('options', $('#select2 option').clone());
  }
  var id = $(this).val();
  var options = $(this).data('options').filter('[value=' + id + ']');
  $('#select2').html(options);
  var link = 'www.mysite.com/'+ $('#select2 :selected').text() +'.html';
  $('a').attr({href:link}).text(link);
});

$("#select2").change(function() {
var link = 'www.mysite.com/'+ $("option:selected", this).text() +'.html';
  $('a').attr({href:link}).text(link);
});

Answer 2

您可以向页面添加一个按钮，并向其添加一个jQuery单击函数，该函数检查用户选择，然后分配给window.location.href？