Question

我必须在我的jsp中标记两个相同的选择选项。

我希望无论何时我链接一个，第二个（位于底部）也会改变。

<select class="groups">
    <option class='America' value='America'>America</option>
    <option class='Europe' value='Europe'>Europe</option>
    <option class='Asia' value='Asia'>Asia</option>
<select>

<select class="groups">
    <option class='America' value='America'>America</option>
    <option class='Europe' value='Europe'>Europe</option>
    <option class='Asia' value='Asia'>Asia</option>
<select>

因此，例如，无论何时我选择欧洲（或任何其他），我都希望我的所有选择更新都具有相同的值。

Answer 1

没有jquery：

document.getElementsByClassName("groups").forEach(function(element){
  element.onchange = function(event) {
    document.getElementsByClassName("groups").forEach(function(x){
    x.value = event.target.value;
    });
  }
});

使用jquery：

$('.groups').onchange = function(e){
  $('.groups').forEach(function(x){
  x.val(e.currentTarget().val)
  });
}

JQuery，同步选择选项

1 个答案: