选择一个下拉列表后，将在不同的下拉列表中选择相同的选项

Question

我有两个下拉菜单，我希望每当有人在一个下拉列表中选择某个内容时，在另一个下拉列表中选择相同的内容。当我在第一个下拉列表中选择一个选项时，我无法让它工作，那么它不会在另一个下拉列表中选择相同的选项。 这是公式

$( function() {
    $("input[name='FirstFlangeTypeDrop']").on("change", function(e) {
         var newValue = e.target.value;
         $("input[name='SecondFlangeTypeDrop'][value='" + newValue + "']").prop("selected", true);
      });
    });

Answer 1

我的问题有点不清楚。但我认为这就是你要找的东西。

＆＃13;

＆＃13;

$(function() {

  $("select[name='FirstFlangeTypeDrop']").on("change", function(e) {
    var newValue = $(this).val(); // get selected value
    $("select[name='SecondFlangeTypeDrop']").val(newValue); // set selected value
  });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name="FirstFlangeTypeDrop">
<option value="1">option 1</option>
<option value="2">option 2</option>
</select>

<select name="SecondFlangeTypeDrop">
<option value="1">option 1</option>
<option value="2">option 2</option>
</select>

＆＃13;

＆＃13;

＆＃13;