第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何獲取動(dòng)態(tài)創(chuàng)建的下拉列表的值?

如何獲取動(dòng)態(tài)創(chuàng)建的下拉列表的值?

鴻蒙傳說 2023-05-19 15:59:30
我在我的 DOM 中實(shí)例化了一個(gè)用戶列表,然后將他們的名字綁定到下拉列表中。因此,它們?cè)陧撁婕虞d之前不會(huì)被創(chuàng)建。我在嘗試定位標(biāo)簽<option>并訪問它的值時(shí)遇到問題。JS DOM 函數(shù)  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}我試圖遍歷標(biāo)簽<option>,但我返回的是一個(gè)空數(shù)組。我的包裝紙index.html是<select class="nav__div__one__dropdown" name="users"></select>我正在嘗試獲取該值,以便我可以將 user.id 綁定到 User 實(shí)例并訪問這些類方法。任何提示將非常感謝!
查看完整描述

2 回答

?
墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

您onchange可以像這樣在選擇輸入上使用事件來做到這一點(diǎn):


<select onchange="changed(this)"></select>


function changed(option){

 console.log(option.value);

}

這是一個(gè)工作片段


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);

}

<select class="nav__div__one__dropdown" onchange="changed(this)" name="users"></select>


查看完整回答
反對(duì) 回復(fù) 2023-05-19
?
小唯快跑啊

TA貢獻(xiàn)1863條經(jīng)驗(yàn) 獲得超2個(gè)贊

你會(huì)這樣去做


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

  const userId=e.target.value; 

  //here do your user tying logic 

})


查看完整回答
反對(duì) 回復(fù) 2023-05-19
  • 2 回答
  • 0 關(guān)注
  • 181 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)