PHP MYSQL 多个下拉菜单选择更改值

Question

我从表格中获取了产品尺寸和数量，并将其显示在下拉列表中。根据产品的不同，下拉列表可能从 5 到 6 不等。我想在用户选择时从下拉列表中获取尺寸 id 的值从下拉列表中将其作为值放入输入类型数字中。

<select name='size' id='size' class='form-control'>

      <option value="1">Small</option>

  </select>

<input type='number' name='quantity' min='1' value='1' class='form-control' />
<select name='size' id='size' class='form-control'>

      <option value="2">Large</option>

  </select>

<input type='number' name='quantity' min='1' value='1' class='form-control' />

<select name='size' id='size' class='form-control'>

      <option value="3">XLarge</option>

  </select>

<input type='number' name='quantity' min='1' value='1' class='form-control' />

我使用的jquery如下，

<script type="text/javascript">
    $(document).ready(function() {
        $("#size").change(function() {
            var str = "";
            $("select option:selected").each(function() {
                str += $(this).val() + " ";
            });
        });
    });
</script>

我从第一个下拉列表中获取值，但无法从其他下拉列表中获取值。 请帮忙

Answer 1

作为讨论，我做了一个 fiddle 来给出解决方案 Fiddle Link

更新了 JS:

$(document).ready(function() {
    $(".size").on("change", function() {
        $(this).closest("div").find("input").val($(this).val());
    });
});

如果您想在选择任何选项时获取$row['size']，那么您还必须更改您的PHP代码。

更新了 PHP

<div>
<select name='size' class='form-control size'>
    <?php foreach ($rows as $row) {?>
      <option value="<?php echo $row['size']?>" <?php if ($row['quantity'] == 0) echo "disabled=disabled"?>>
        <?php echo $row['size']?>
      </option>
        <?php }?>
</select>
<input type='number' name='quantity' min='1' value='1' class='form-control' />
</div>
<div>
<select name='size' class='form-control size'>
    <?php foreach ($rows as $row) {?>
      <option value="<?php echo $row['size']?>" <?php if ($row['quantity'] == 0) echo "disabled=disabled"?>>
        <?php echo $row['size']?>
      </option>
        <?php }?>
</select>
<input type='number' name='quantity' min='1' value='1' class='form-control' />
</div>

Note: $(this).val() get the selected value from the drop down and put the value into the input field by $(input[name=quantity]).val() I put the $row['size'] to the option value

让我知道这对您是否有帮助。