Javascript 如何从两个输入同时更新两个变量?

Javascript 如何从两个输入同时更新两个变量?,javascript,html,function,Javascript,Html,Function,我无法让他们同时输出两个选择。这可能吗?一边总是未定义的。我尝试了很多东西,但当我使用console.log时,我无法让它们同时登录。我希望默认值为“全部”,然后任何一方都会根据单击的内容进行更新 函数组合(a、b){ a=a.值 b=b.值 控制台日志(a,b) } 请选择一种食物: 挑选 全部的 奶酪 考虑显式获取值,而不是尝试通过onchange属性处理程序 const foodSelect=document.getElementById(“食物”); const sortSelect

我无法让他们同时输出两个选择。这可能吗?一边总是未定义的。我尝试了很多东西,但当我使用console.log时,我无法让它们同时登录。我希望默认值为“全部”,然后任何一方都会根据单击的内容进行更新

函数组合(a、b){
a=a.值
b=b.值
控制台日志(a,b)
}
请选择一种食物:
挑选
全部的
奶酪

考虑显式获取值,而不是尝试通过
onchange
属性处理程序

const foodSelect=document.getElementById(“食物”);
const sortSelect=document.getElementById(“排序”);
函数selectHandler(){
const food=foodSelect.value;
const sort=sortSelect.value;
log(`Food:${Food}| Sort:${Sort}`);
}
foodSelect.addEventListener(“更改”,selectHandler);
sortSelect.addEventListener(“更改”,selectHandler)
请选择一种食物:
挑选
全部的
奶酪

另一种方法是少排几行

函数组合(){
let food=document.getElementById(“food”);
让sort=document.getElementById(“sort”);
console.log(food.options[food.selectedIndex].text+','+sort.options[sort.selectedIndex].text);
}
请选择一种食物:
挑选
全部的
奶酪
泡菜
请分类:
挑选
气味
纹理

我不太明白这个问题。因此,您希望在选择
食物时更改
排序
,反之亦然?我只希望变量在发生更改时更新。因此,我最终可以在if/else语句中使用它们来对我的值进行排序。这非常好,正是我所追求的。我非常感谢。请您解释一下console.log中的“$”部分的用途好吗?这是Jquery吗?@simonpeters2332哦,不,这正是让你在字符串中进行变量替换的地方。这与编写
console.log(“food:+food++++”sort:+sort)相同这真的很难读/写,所以你可以使用模板来简化它。