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

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

通過(guò)選擇選項(xiàng)javascript更改品牌詳細(xì)信息

通過(guò)選擇選項(xiàng)javascript更改品牌詳細(xì)信息

大話西游666 2022-08-18 16:19:16
默認(rèn)我想顯示所有產(chǎn)品詳細(xì)信息,我想更改匹配的產(chǎn)品詳細(xì)信息,如果選項(xiàng)值===產(chǎn)品b_name..顯示詳細(xì)信息let products = [        {            b_name: 'Samsung',            price: 15000,            ram: '6GB',            rom: '128GB',        },        {            b_name: 'Apple',            price: 65000,            ram: '6GB',            rom: '128GB',        },{        b_name: 'LG',        price: 35000,        ram: '6GB',        rom: '128GB',    },    {        b_name: 'Nokia',        price: 25000,        ram: '6GB',        rom: '128GB',    },    ];         let _selectBrand =   $('#select_brand');   let _detailsList = $('#details');   let brandOptions = '';    for(let brand of  products){       brandOptions += `<option value="${brand.b_name}">${brand.b_name}</option>`;    }    _selectBrand.append(brandOptions);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><div>    <label>        <select id="select_brand">        </select>    </label></div><div id="details"></div>
查看完整描述

1 回答

?
千巷貓影

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

因此,您需要做的就是檢測(cè)更改事件并在列表中進(jìn)行查找。


 $('#select_brand').change(function() {

   for(let brand of products){

      if(this.value === brand.b_name){

        _detailsList.text(JSON.stringify(brand))

      }

   }

});

只需復(fù)制粘貼此代碼段并觀察邏輯即可。


我知道可能會(huì)有優(yōu)化和邊緣情況的基調(diào),但對(duì)于您提供的這個(gè)數(shù)據(jù)集,我的解決方案應(yīng)該可以正常工作。


查看完整回答
反對(duì) 回復(fù) 2022-08-18
  • 1 回答
  • 0 關(guān)注
  • 115 瀏覽
慕課專欄
更多

添加回答

舉報(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)