使用jQuery根据菜单下拉选择更新价格

我有一个无法更改的硬编码表单，但我需要为所选选项指定价格值，并将其添加到基本价格中。我已经用笔记创建了一个代码笔，我非常感谢任何人能提供的帮助。我想我已经接近了，但它仍然不起作用

---

您使用了错误的选择器。

$('#dropdown1') // Change to $('[name="dropdown1"]')
$('#dropdown2') // Change to $('[name="dropdown2"]')

---

或者，您可以简单地将

id=“dropdown1”

和

id=“dropdown2”

分配给相应的元素。

此外，正如代码笔中所述，我无法将id分配给这些元素。它们最终是由一个平方空间形式生成的，我必须使用我所拥有的。再次感谢！

$(document).ready(function() {

  var dropdown1 = [0,70,250,404,474,450];
  var dropdown2 = [0,80,160];

  function updatePrice() {

    var dd1 = dropdown1[($("#dropdown1")[0].selectedIndex)];
    var dd2 = dropdown2[($("#dropdown2")[0].selectedIndex)];

    $("#result").html(1350 + dd1 + dd2);
  }

  $("select").on("change", updatePrice); 
});

$('#dropdown1') // Change to $('[name="dropdown1"]')
$('#dropdown2') // Change to $('[name="dropdown2"]')