Link 1 : https://codepen.io/wen0750/project/editor/XGvxyz?fbclid=IwAR3lHca4-aMEouH3Ye-h1gCB4mFuhvkWCARCqkTW00FEkjHv9eRCAv1wQNM
Link 2 : https://wen0750.club/gy.html/
1
u6pM63mMZ34z32cE 2020-08-17 19:14:35 +08:00 1
能
|
3
autoxbc 2020-08-17 19:19:58 +08:00 1
监听列表框 change 事件
https://segmentfault.com/a/1190000004434194 |
4
wxsm 2020-08-17 19:54:33 +08:00 1
1. 监听选择框的 onchange / oninput
2. 在回调函数内将数量输入框的值设置为 1 |
5
wen0750 OP document.getElementById("%e7%8f%ad%e6%9c%9f").onchange = function() {myFunction()};
function myFunction() { var x = document.getElementById("quantity_5f3a585e27291"); x.value = 1; } </script> |
6
codehz 2020-08-17 20:48:43 +08:00 1
(建议加个判断,当用户已经编辑过就不要再覆盖了,不然用户大概会投诉
|
7
wen0750 OP 我在想有没有一个聪明点的方法,因为商品是很多的,不可能每个每个的改,如果是跟 class 的话。网站是用 wordpress 商品是 woocommerce 。有没有比较熟悉的大神网友們能帮一下忙。
|
9
Ainsoph 2020-08-18 07:04:35 +08:00 1
建议从逻辑上修改,像是默认用数量 1,还有选定班级后才能更改数量。
|
10
wen0750 OP add_action( 'wp_footer', 'woosb_footer_js', 99 );
function woosb_footer_js() { ?> <script type="text/javascript"> jQuery(document).on('found_variation', function(e, t) { var $product = jQuery(e['target']).closest('.woosb-product'); if ($product.length) { var $qty = $product.find('input.qty'); if ($qty.val() == 0) { $qty.val(1).trigger('change'); } } }); jQuery(document).on('reset_data', function(e) { var $product = jQuery(e['target']).closest('.woosb-product'); if ($product.length) { $product.find('input.qty').val(0).trigger('change'); } }); </script> <?php } Working for wordpress woocommerce ////////// ** Project END ** \\\\\\\\\ |
11
yunser 2020-08-18 20:03:05 +08:00 via iPhone
JS 是图灵完备的语言
|