Javascript 根据选择器选项属性更改按钮属性值
我有以下带有选项的选择器:Javascript 根据选择器选项属性更改按钮属性值,javascript,jquery,Javascript,Jquery,我有以下带有选项的选择器: <select name="" id="product-selector" class="list_item"> <option value="74552" data-id="74552" data-content="50 Items <span class='price' data-count='50 Items' data-pr
<select name="" id="product-selector" class="list_item">
<option value="74552" data-id="74552" data-content="50 Items <span class='price' data-count='50 Items' data-price='$20'>$20"> </option>
<option value="74553" data-id="74553" data-content="100 Items <span class='price' data-count='100 Items' data-price='$30'>$30"> </option>
<option value="74554" data-id="74554" data-content="300 Items <span class='price' data-count='300 Items' data-price='$45'>$45"> </option>
<option value="74555" data-id="74555" data-content="500 Items <span class='price' data-count='500 Items' data-price='$60'>$60"> </option>
<option value="74556" data-id="74556" data-content="1000 Items <span class='price' data-count='1000 Items' data-price='$100'>$100"> </option>
</select>
数据id=74553
“我的按钮”获取其值并转换为以下内容:
<a role="button" aria-label="Add to Wishlist" class="tinvwl_add_to_wishlist_button" data-tinv-wl-product="2050" data-tinv-wl-productvariation="74553" data-tinv-wl-productvariations="[74553]" data-tinv-wl-producttype="variation" data-tinv-wl-action="addto"><span class="tinvwl_add_to_wishlist-text">Add to Wishlist</span></a>
我尝试了各种选项,但由于缺乏知识和经验,我暂时无法编写正确的脚本。非常简单,只需向select添加一个输入事件,然后从那里引用按钮和just按钮。dataset['tinv-wl-productvariation']=e.target.dataset['id']您可以在按钮上写入onchange事件,然后使用$this.findoption:selected.dataid获取所选选项的数据id值,然后将其设置在按钮内 演示代码: $product-selector.onchange,函数{ $.tinvwl\u添加到\u wishlist\u按钮。attr'data-tinv-wl-productvariation',$this.findoption:selected.dataid }
再加上愿望,谢谢!你能告诉我你到底需要在哪里添加你的解决方案吗?HTML下面的一个标签将确保它在DOM buildsBrilliant解决方案之后加载!非常感谢您的帮助,一切正常!
<option value="74553" data-id="74553" data-content="100 Items <span class='price' data-count='100 Items' data-price='$30'>$30"> </option>
<a role="button" aria-label="Add to Wishlist" class="tinvwl_add_to_wishlist_button" data-tinv-wl-product="2050" data-tinv-wl-productvariation="74553" data-tinv-wl-productvariations="[74553]" data-tinv-wl-producttype="variation" data-tinv-wl-action="addto"><span class="tinvwl_add_to_wishlist-text">Add to Wishlist</span></a>