【问题标题】:When one dropdown is selected then the same option is selected in a different dropdownWhen one dropdown is selected then the same option is selected in a different dropdown
【发布时间】:2017-09-08 19:56:02
【问题描述】:

我有两个下拉菜单,每当有人在一个下拉菜单中选择某些内容时,我想在另一个下拉列表中选择相同的内容。当我在第一个下拉列表中选择一个选项然后它没有在另一个下拉列表中选择相同的选项时,我无法让它工作。 这是公式

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

【问题讨论】:

  • 那么您遇到的问题是什么?你已经告诉我们你想要/期望什么,但你没有解释这个问题。这也是使用jQuery,所以一定要加载库,你可能想更新你的问题并添加jQuery标签。
  • 当我在第一个下拉列表中选择一个选项然后它没有在另一个下拉列表中选择相同的选项时,我无法让它工作。
  • 选择的元素是否完全相同?
  • 让它成为你所拥有的工作的sn-p
  • 两个元素的值完全相同

标签: javascript jquery html


【解决方案1】:

你的问题对我来说有点不清楚。但我认为这就是你要找的。​​p>

$(function() {

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

});
<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>

【讨论】:

    猜你喜欢
    • 2015-04-16
    • 1970-01-01
    • 1970-01-01
    • 2015-01-03
    • 2019-09-21
    • 1970-01-01
    • 2020-04-22
    • 1970-01-01
    • 2015-05-01
    相关资源
    最近更新 更多