如何使用jQuery组合5个单独的函数？

我有5个单独的选择菜单和5个按钮。当选择一个选项时，显示的价格和按钮的url会相应地改变

目前，我正在使用id。我怀疑如果我改用类，脚本可以循环查看哪个选择菜单被更改，并更改按钮的指定显示价格和url。但我不知道怎么做。如何简化此代码？谢谢

$document.readyfunction{ $select.license\u 1.changefunction{ var selection=$this.childrenoption:selected.val； var theid=$this.children:selected.attrid； $theurl_1.attrref，https://example.com/cart?cart！+选择； $amount_1.texttheid； }; $select.license\u 2.changefunction{ var selection=$this.childrenoption:selected.val； var theid=$this.children:selected.attrid； $theurl_2.attrref，https://example.com/cart?cart！+选择； $amount_2.texttheid； }; $select.license\u 3.changefunction{ var selection=$this.childrenoption:selected.val； var theid=$this.children:selected.attrid； $theurl_3.attrref，https://example.com/cart?cart！+选择； $amount_3.texttheid； }; $select.license\u 4.changefunction{ var selection=$this.childrenoption:selected.val； var theid=$this.children:selected.attrid； $theurl_4.attrref，https://example.com/cart?cart！+选择； $amount_4.texttheid； }; $select.license_5.changefunction{ var selection=$this.childrenoption:selected.val； var theid=$this.children:selected.attrid； $theurl_5.attrref，https://example.com/cart?cart！+选择； $amount_5.texttheid； }; }; 蓝色小部件 $39 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 红色小部件 $29 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 绿色小部件 $89 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 橙色小部件 $19 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 蓝色小部件 $29 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 您可以在这里高效地使用jQuery。我还把你的旧身份证换成了。它比使用id保存数据更合适

$document.readyfunction{ //如果需要，请更改以下选择器 $select.tftput4.changefunction{ //获取所选的值 var selection=$this.val； //从数据属性中获取价格 var price=$this.children:selected.dataprice； //更新下一个订单按钮 $this.next.orderbtn.attrref，https://example.com/cart?cart！+选择； //更新上一个跨度 $this.prevspan.textprice； }; }; 蓝色小部件 $39 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 红色小部件 $29 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 绿色小部件 $89 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 橙色小部件 $19 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 蓝色小部件 $29 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 您还可以在data-attribute的帮助下将5函数组合成一个函数，并在更改事件文件后设置此数据属性值，如amount id和url id，然后通过拆分方法获取值，这样您还可以学习如何使用data-*属性实现reduce函数。 我希望下面的代码片段能帮助很多人

$document.on'change'，'data license'，函数{ //从split方法获取amout id和url id var amoutUrl=$this.attr'data-license'.split'，'； //获取所选的值 var selectedValue=$this.val； //从数据价格属性获取价格 var price=$this.children:selected.dataprice； //设置价格金额->金额URL[0]=金额id $amoutUrl[0].textprice； //设置url->amoutUrl[1]=url id $amoutUrl[1]。attrref，https://example.com/cart?cart！+选择值； }; 蓝色小部件 $39 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 红色小部件 $29 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 绿色小部件 $89 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 橙色小部件 $19 1许可证 2个许可证 5个许可证 10个许可证 25个许可证 蓝色小部件 $29 1许可证 2个许可证 5个许可证 10个许可证 25个许可证

---

谢谢泰勒！工作起来很有魅力。感谢您提供了一个非常干净的解决方案和有用的评论，以便我能够理解和学习。重要提示：我在html中犯了一个错误。第一个使用：class=downloadbtn的实例应该像其他实例一样是class=orderbtn sh.什么时候该解决方案更可取？也许在一个不能依赖next和prev的实例中？当next和prev有更多具有相同类名或标记名的元素时，我们可以使用这种类型的解决方案。