刪除以前選擇的下拉項

Question

我有一個要求人們訂購東西的表格，讓我們說“紅色”、“藍色”和“綠色”。 每種顏色旁邊都有一個下拉菜單，可用順序為“1”、“2”或“3”。

如果有人為紅色選擇“2”，我想為尚未選擇的其他 colors 刪除該選項。

我不知道從哪里開始。 我是新手，雖然我有一些 javascript/jquery 經驗，但我確實只使用過 HTML、CSS 和 PHP。

我在搞亂下面的代碼，但需要“onchange” function 來影響第二個下拉菜單，而不是第一個...

 function myFunction1() { var x = document.getElementById("mySelect"); x.remove(x.selectedIndex); }

 <form> Select a fruit: <br> <select id="mySelect" onchange="myFunction1()"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> <select id="mySelect2"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> </form> <br>

Answer 1

不確定這是否是您所期望的：

 function removeSelectedNumber() { var x = document.getElementById("numberSelect"); x.remove(x.selectedIndex); }

 <form> Select a fruit: <br> <select id="colorSelect"> <option>Red</option> <option>Green</option> <option>Blue</option> <option>Yellow</option> </select> <select id="numberSelect" onchange="removeSelectedNumber()"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </form> <br>