javascript - 更改带有括号的 id 的选择值

Question

我有一个表单，其中包含 3 个带有数量选择元素的项目。

$someArray = array(
  '1',
  '2',
  '3'
);

foreach($someArray as $k => $v) {
  echo "<td>Qty</td>
                       <td><select class='qty' name='" . $v . "[qty]' id='" . $v . "[qty]'>";
  for ($a = 0; $a <= 5; $a++) {
    echo "<option value='" . $a . "'>" . $a . "</option>";
  }

  echo "</select></td>";
}

现在在 jquery 中，我想要做到这一点，如果您更改任何元素的数量，它会将类 qty 的所有元素更改为所选值。我不知道 $v 等于什么，这是数据库查询结果的动态键。

jquery

$('.qty').change(function() {
  var newQty = $(this).val();
  $.each($('.qty'), function() {
    var thisId = $(this).attr('id');
    alert(thisId+newQty);
    $('#'+thisId).val(newQty);
  });
});

警报读取正确(1[qty]1, 2[qty]1 ,3[qty]1)，但是下一行不会更改选择值。元素 id 中的括号把事情弄乱了。我该如何调整？

Answer 1

我不知道为什么您的 ID 需要括号，但请这样做:

$('.qty').change(function(){
        var newQty = $(this).val();
        $('.qty').val(newQty);
});

类选择器会将其应用于该类的所有元素，不需要each。