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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將選項的值解析為 html 屬性

將選項的值解析為 html 屬性

PHP
ibeautiful 2021-10-15 15:31:27
我目前正在嘗試制作一個使用 Selly.io 的電子商務網(wǎng)站。但是我最近一直在嘗試根據(jù)他們想要購買的產(chǎn)品的大小來更改產(chǎn)品 ID(用于告訴 Selly.io 用戶正在購買什么)。這是我正在談論的代碼的一部分:<div class="col-md-6 col-lg-5 p-b-30">    <div class="p-r-50 p-t-5 p-lr-0-lg">    <h4 class="mtext-105 cl2 js-name-detail p-b-14">        Hoodie    </h4>    <span class="mtext-106 cl2">        €50,00</span>    <p class="stext-102 cl3 p-t-23">Nulla eget sem vitae eros pharetra viverra. Nam vitae luctus ligula. Mauris consequat ornare feugiat.    </p>    <div class="p-t-33">        <div class="flex-w flex-r-m p-b-10">            <div class="size-203 flex-c-m respon6">                Size            </div>            <div class="size-204 respon6-next">                <div class="rs1-select2 bor8 bg0">                <select class="js-select2" name="time">                    <option>Choose an option</option>                    <option>Size S</option>                    <option>Size M</option>                    <option>Size L</option>                    <option>Size XL</option>                </select>                <div class="dropDownSelect2"></div>            </div>        </div>    </div>    <div class="flex-w flex-r-m p-b-10">        <div class="size-203 flex-c-m respon6">            Color        </div>        <div class="size-204 respon6-next">            <div class="rs1-select2 bor8 bg0">                <select class="js-select2" name="time">                    <option>Choose an option</option>                    <option>Blue</option>                    <option>White</option>                    <option>Grey</option>                </select>                <div class="dropDownSelect2"></div>            </div>        </div>    </div>
查看完整描述

1 回答

?
MMTTMM

TA貢獻1869條經(jīng)驗 獲得超4個贊

剛才設置data-selly-product的屬性button,你必須使用.dataset屬性。從鏈接引用:


JavaScript 中的自定義數(shù)據(jù)屬性的名稱是相同的 HTML 屬性的名稱,但采用駝峰命名,并且沒有破折號、點等。


function getComboA(selectObject) {

  const button = document.querySelector('button.js-addcart-detail');

  button.dataset.sellyProduct = selectObject.value;

  console.log(button);

}

<select class="js-select2" name="time" id="comboA" onchange="getComboA(this)">

  <option value="">Choose an option</option>

  <option value="3cffe13b">Size S</option>

  <option value="M">Size M</option>

  <option value="L">Size L</option>

  <option value="XL">Size XL</option>

</select>


<button class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn1 p-lr-15 trans-04 js-addcart-detail">Add to cart</button>

onchange我建議不使用屬性,而是將其移至單獨的文件并使用偵聽器。這使您可以更好地將邏輯與表示分離,并且您可以向同一個元素添加多個偵聽器。你只需要在代碼中做一個小的調(diào)整:


document.getElementById('comboA').addEventListener('change', function() {

  const button = document.querySelector('button.js-addcart-detail');

  button.dataset.sellyProduct = this.value; // `this` is the element receiving the event

});


查看完整回答
反對 回復 2021-10-15
  • 1 回答
  • 0 關(guān)注
  • 118 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

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