JQuery。如果选择了一个下拉选项，则会自动选择另一个下拉选项

这是我的设想

以下内容显示给用户，用户可以选择一个

<select class="user-select"> 
  <option value="" selected>(select)</option>
  <option value="1,000">user-select One</option>
  <option value="2,000">user-select Two</option>
  .
  .
</select>

下面是一个隐藏的选择。如果用户从上面的选择框中选择一个，则会根据上面的值自动选择以下内容。选项名称与上面相同

<select class="auto-select"> 
  <option value="" selected>(select)</option>
  <option value="100,000">user-select One</option>
  <option value="200,000">user-select Two</option>
  .
  .
</select>

在下面的div中，我想显示自动选择值中的值

<div class="result">Display auto select value</div>

请帮忙

仅使用jquery

$document.readyfunction{ $'.用户选择'.changefunction{ //var val=$。用户选择“.find”：选择“.attr'data-id”； var val=$。用户选择'.prop'selectedIndex'； $.auto select.prop'selectedIndex'，val； $'.result'.html$.auto-select.val； }; }; 选择 用户选择一个 用户选择两个 用户选择三个 用户选择四个 选择 用户选择一个 用户选择两个 用户选择三个 用户选择四个

---

在我看到的示例中的选项中显示自动选择值，您所问的答案有点矛盾

所以我对两种可能的情况有不同的答案

情景1 如果要选择具有相同值而不是相同名称的第二个选项

$(function(){
    $('select.user-select').change(function(){ 
        var userSelect = $(this).find(":selected").val();
        $('select.auto-select').val(userSelect);
    $('.result').text($( ".auto-select option:selected" ).text());
    });
})

情景2 如果要选择具有相同名称而不是相同值的第二个选项

$(function(){
    $('select.user-select').change(function(){ 
        var userSelect = $(this).find(":selected").text();
       var secondVal = $('.auto-select option').filter(function () { return $(this).html() == userSelect; }).val();
       $('select.auto-select').val(secondVal);
    $('.result').text($( ".auto-select option:selected" ).text());
    });
});

---

据我所知，你应该寻找场景2

我认为隐藏文本字段中的选项更好，它保存第一个选择的值，而不是隐藏的选择。你想选择第二个列表中具有相同名称或值的选项吗？谢谢你的回答。这是满足需求的另一种方式。我真的很感激。@user1965906很高兴这对你有帮助，你能把我的答案标记为有用吗。