已解決430363個問題，去搜搜看，總會有你想問的

如何獲取動態創建的下拉列表的值？

首頁猿問如何獲取動態創建的下拉列表的值？

如何獲取動態創建的下拉列表的值？

JavaScript

鴻蒙傳說 2023-05-19 15:59:30

我在我的 DOM 中實例化了一個用戶列表，然后將他們的名字綁定到下拉列表中。因此，它們在頁面加載之前不會被創建。我在嘗試定位標簽<option>并訪問它的值時遇到問題。JS DOM 函數 let userDropDownList = userInstantiation.reduce((usersHTML, user) => { usersHTML += `<option class="nav__div__one__dropdown__choice" value="${user.id}">${user.name}</option>` return usersHTML; }, '') navDivDropdown.innerHTML = userDropDownList}我試圖遍歷標簽<option>，但我返回的是一個空數組。我的包裝紙index.html是<select class="nav__div__one__dropdown" name="users"></select>我正在嘗試獲取該值，以便我可以將 user.id 綁定到 User 實例并訪問這些類方法。任何提示將非常感謝！

查看完整描述

2 回答

墨色風雨

TA貢獻1853條經驗獲得超6個贊

您onchange可以像這樣在選擇輸入上使用事件來做到這一點：

function changed(option){

console.log(option.value);

}

這是一個工作片段

let userInstantiation = [{id: 1, name: 'user1'},{id: 2, name: 'user2'}];

let userDropDownList = userInstantiation.reduce((usersHTML, user) =>

usersHTML +=

`<option class="nav__div__one__dropdown__choice" value="${user.id}">${user.name}</option>`

, '')

document.querySelector(".nav__div__one__dropdown").innerHTML = userDropDownList;

function changed(option){

console.log(option.value);

}

反對回復 2023-05-19

小唯快跑啊

TA貢獻1863條經驗獲得超2個贊

你會這樣去做

document.querySelector('nav__div__one__dropdown').addEventListner('change',(e)=>{

const userId=e.target.value;

//here do your user tying logic

})

反對回復 2023-05-19

2 回答
0 關注
168 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何獲取動態創建的下拉列表的值？

如何獲取動態創建的下拉列表的值？

2 回答

添加回答

如何獲取動態創建的下拉列表的值？

如何獲取動態創建的下拉列表的值？