Javascript jQuery-事件目标多个id选择器？

这是我的代码：

$(document).ready(function() {
    $('#test-input, #input').on('change', function(e) {
        var linkElement = $('#the-link');

        // get value user typed in
        var inputFieldValue = e.target.value;

        var input = e.target.value
        // compose route using baseRoute (generated by Laravel)
        var baseRoute = linkElement.data('baseroute');
        // set it as href
        
        linkElement.attr('href', baseRoute + inputFieldValue + input);
        
    });
});

我需要从这两个id为

#test input

和

#input

的输入中获取值，现在它只从最后一个

#input

中获取值

---

我如何才能

e.target

同时获得这两个目标？请帮助

只需使用id选择器获取每个值并忽略事件对象。事件对象对另一个元素一无所知。它只引用发生特定更改的元素

const value1 = $('#test-input').val(), 
      value2 = $('#input').val();

---

我没有看到任何应该使它只从

#input

获取值的东西。这就是为什么你使用

e.target.value

而不是硬编码一个特定的元素。为什么你需要两个变量

inputFieldValue

和

input

来引用相同的东西？所以你得到

linkElement.attr（'href'，baseRoute+“a”+“a”）更改第一个输入和
linkElement.attr（'href'，baseRoute+“B”+“B”）在第二次更改时。只需执行
constvalue1=$（'#测试输入'）.val（），value2=$（'#输入'）.val（）
并完全忽略添加到@charlietfl comment的事件对象：然后
linkElement.attr（'href'，baseRoute+value1+value2）