如何同時從兩個輸入更新 2 個變量？

Question

我無法讓他們同時選擇 output 。 這可能嗎？ 一側總是未定義的。 我嘗試了很多東西，但是當我使用 console.log 時，我無法讓它們同時登錄。 我希望默認值是“全部”，然后任何一方都會根據點擊的內容進行更新。

 function combo(a, b) { a = a.value b = b.value console.log(a, b) }

 <label for="food">Please select a food: </label> <select id="food" onchange="combo(this,'all')"> <option value="100">Select</option> <option value="all">All</option> <option value="cheese">cheese</option> <option value="pickle" pickle</option> </select> <label for="sort">Please sort: </label> <select id="sort" onchange="combo('all',this)"> <option value="100">Select</option> <option value="smell">smell</option> <option value="texture">texture</option> </select>

Answer 1

考慮顯式獲取值，而不是嘗試通過onchange屬性處理程序獲取 go。

 const foodSelect = document.getElementById("food"); const sortSelect = document.getElementById("sort"); function selectHandler() { const food = foodSelect.value; const sort = sortSelect.value; console.log(`Food: ${food} | Sort: ${sort}`); } foodSelect.addEventListener("change", selectHandler); sortSelect.addEventListener("change", selectHandler);

 <label for="food">Please select a food: </label> <select id="food"> <option value="100">Select</option> <option value="all">All</option> <option value="cheese">cheese</option> <option value="pickle" pickle</option> </select> <label for="sort">Please sort: </label> <select id="sort"> <option value="100">Select</option> <option value="smell">smell</option> <option value="texture">texture</option> </select>

Answer 2

另一種方法是減少行數。

 function combo() { let food = document.getElementById("food"); let sort = document.getElementById("sort"); console.log(food.options[food.selectedIndex].text + ', ' + sort.options[sort.selectedIndex].text); }

 <label for="food">Please select a food: </label> <select id="food" onchange="combo()"> <option value="100">Select</option> <option value="all">All</option> <option value="cheese">cheese</option> <option value="pickle"> pickle</option> </select> <label for="sort">Please sort: </label> <select id="sort" onchange="combo()"> <option value="100">Select</option> <option value="smell">smell</option> <option value="texture">texture</option> </select>