Javascript 下拉值随另一个下拉值的更改而更改

Javascript 下拉值随另一个下拉值的更改而更改,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个下拉值,当我在另一个下拉列表中更改选项时,该值会更改 我试过使用jquery,它很管用 但是,当我尝试再次选择以前选择的选项时,它不会再次更改,只更改一次 我必须刷新页面以选择所需的选项。 如果有任何问题,请告诉我 选择大小 小的 中等的 大的 特大号 XXL 这里有一些内容 jQuery document.readyfunction{ //jQueryform.cart按钮。removeClass“已禁用”; jQuery'bx.attr详细信息框select'.cssdispl

我有一个下拉值,当我在另一个下拉列表中更改选项时,该值会更改

我试过使用jquery,它很管用

但是,当我尝试再次选择以前选择的选项时,它不会再次更改,只更改一次

我必须刷新页面以选择所需的选项。 如果有任何问题,请告诉我

选择大小 小的 中等的 大的 特大号 XXL 这里有一些内容 jQuery document.readyfunction{ //jQueryform.cart按钮。removeClass“已禁用”; jQuery'bx.attr详细信息框select'.cssdisplay,block; jQuery'SelectSize'。在'change'上,函数{ var值=此值; jQuery的bx.attr详细信息框选择 选项[value='+value+']'。属性已选定,已选定; jQuery'bx.attr详细信息框select'.cssdisplay,block; jQuery'selectsize'.css显示,块; jQuery'bx.single\u add\u to\u cart\u button'。属性类, 需要选择单个添加到购物车按钮alt wc变体; } }; jQuery document.readyfunction{ jQuery'.sck.attr详细信息框select'.cssdisplay,无; } 选择一个尺寸 小的 中等的 大的 特大号 XXL
上面的代码中几乎没有错误

1您的其他选择选项选择器无效。 jQuery'bx.attr详细信息框选择选项[value='+value+']'。attrselected,selected;但bx div是.attr详细信息框的父项

2我在代码中添加了一些缺失的}

$document.readyfunction{ $'.sck.attr详细信息框选择'.cssdisplay,无; $'bx.attr详细信息框选择'.css显示,块; $'SelectSize'。在'change'上,函数{ var值=此值; $'bx.attr详细信息框选择选项[value='+value+']'。attrselected,selected; $'bx.attr详细信息框选择'.css显示,块; $'selectsize'.css显示,块; $'bx.single\u添加到\u购物车\u按钮'.attrclass, 需要选择单个添加到购物车按钮alt wc变体; } }; 选择大小 小的 中等的 大的 特大号 XXL 这里有一些内容 选择一个尺寸 小的 中等的 大的 特大号 XXL
1您不需要两个文档就绪函数。结合内容。这不会引发任何错误,但用于良好实践

jQuery( document ).ready(function() {} 
2管线中的管柱未正确闭合

 jQuery('#bx .attr-detail-box select option[value="'+value+'"]').attr("selected", "selected");
应该是

 jQuery('#bx .attr-detail-box select option[value = "' + value + '"]').attr("selected", "selected");
工作代码段

jQuery( document ).ready(function() {
  jQuery('.sck .attr-detail-box select').css("display", "none");
  jQuery('#bx .attr-detail-box select').css("display", "block");

  jQuery('select#selectsize').on('change', function() {
  var value = this.value;
  jQuery('#pa_size option[value = "' + value + '"]').attr("selected", "selected");
  jQuery('#bx .attr-detail-box select').css("display", "block");
  jQuery('#selectsize').css("display", "block");
  jQuery('#bx.single_add_to_cart_button').attr("class", "single_add_to_cart_button button alt wc-variation-selection-needed");
  });
});

如果你解释一下你改变了什么,而不是仅仅修改代码,这将是很有帮助的——你不能从复制中学到很多东西/paste@DarrenSweeney更改此处的加数: