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 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> 

Примечание:$(this).val() получить выбранное значение из выпадающего списка и поместить значение в поле ввода, $(input[name=quantity]).val() Я поставил $row['size'] к option value

Сообщите мне, полезно ли это вам или нет.

Answer 2

попробовать это:

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

Answer 3

Ваш выпадающий идентификатор должен быть другим, как вы знаете, идентификатор является уникальным для одного элемента в документе.