我有一個小的 JS 示例,嘗試將相同的option元素添加到兩個不同的select列表,但似乎每當我嘗試這樣做時,唯一option的元素就會添加到兩個列表中的第二個,我不確定為什么。HTML:<select id='one'></select><select id='two'></select><input type='button' value='click' onclick='ftn();' />JavaScript:function ftn() { var one = document.getElementById("one"); var two = document.getElementById("two"); var option = document.createElement("option"); option.value = "cool"; option.innerText = "beans"; one.appendChild(option); two.appendChild(option);};結果:option我可以實現使該元素的內容同時存在于兩個列表中的預期結果select,但這需要我創建兩個不同的option元素,并且使它們的數據相同。有沒有一種方法可以在 Javascript 中僅使用一個選項元素來完成此任務?另外,這是我為此編寫的 CodePen 的鏈接:CodePen
如何將相同的“選項”元素添加到兩個不同的“選擇”列表?
四季花海
2023-08-18 14:11:12