Javascript 需要通过另一个输入值选择选项

我有两个输入，一个是简单输入，另一个是带选项的选择输入。当有人为文本输入输入值时，它会自动选择正确的选项，如何实现这一点

职务代码
工作
管理员-1
酒保-2
技工-3
健美运动员-4
医生-5

您可以尝试以下方法：

(function($) {
  $('#test2').on('blur', function(e) {
    let inputVal = $(this).val();

    $('#select option').each(function() {
      if ($(this).val() === inputVal) {
        $(this).prop('selected', true);
      }
    })
  });
})(jQuery);

这里我在

blur

事件的

input

字段中得到插入值。如果选项的值与输入字段的值相同，则选中select的每个选项。如果是，则更改

选项的
所选属性
 您可以尝试以下方法：

(function($) {
  $('#test2').on('blur', function(e) {
    let inputVal = $(this).val();

    $('#select option').each(function() {
      if ($(this).val() === inputVal) {
        $(this).prop('selected', true);
      }
    })
  });
})(jQuery);

这里我在
blur
事件的
input
字段中得到插入值。如果选项的值与输入字段的值相同，则选中select的每个选项。如果是，则更改
选项的
所选属性
 试试看，这里的代码只是检查输入值是否在可用选项中，并将所选选项更改为与输入元素中输入值相同的选项


var test2=document.getElementById（“test2”）
var test3=document.querySelector（“[name=job]”）
test2.onchange=（）=>{
if（[…test3.children].some（each=>each.value==test2.value））{
test3.value=test2.value
}否则{
test3.value=1
}
}

职务代码
工作
管理员-1
酒保-2
技工-3
健美运动员-4
医生-5
试试这个，这里的代码只是检查输入值是否在可用选项中，并将所选选项更改为与输入元素中输入值相同的选项


var test2=document.getElementById（“test2”）
var test3=document.querySelector（“[name=job]”）
test2.onchange=（）=>{
if（[…test3.children].some（each=>each.value==test2.value））{
test3.value=test2.value
}否则{
test3.value=1
}
}

职务代码
工作
管理员-1
酒保-2
技工-3
健美运动员-4
医生-5
很好，这是一个很好的解决方案，但如果他将live和when empty exchange更改为start value，那就太好了。使用
else
语句很简单，如果我用相同的名称以相同的形式动态添加输入，会怎么样。但是我希望他们一个一个地改变。给他们唯一的
id
s，改变代码，在名字上使用id，我在这里使用name是因为这是一个很好的解决方案，但如果他将live和when empty exchange更改为start value，那就太好了。使用
else
语句很简单，如果我用相同的名称动态添加相同形式的输入，会怎么样。但是我希望他们一个一个地改变。给他们唯一的
id
s，改变代码使用id，而不是在name上，我在这里使用name，因为这是可用的