1 回答

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
});
- 1 回答
- 0 關(guān)注
- 118 瀏覽
添加回答
舉報