Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据选择器选项属性更改按钮属性值_Javascript_Jquery - Fatal编程技术网

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>