javascript - 根据动态选择选项值更改文本框值

Question

我有一个填充了 mysql 数据的表。我想根据下拉列表的值更改文本框值。我所做的只是第一行更改了其值，但接下来的行不起作用。 下面是我的代码。

//this is inside while loop
<input type='text' name='qqty[]' value='<?php echo $avail; ?>' id="avail" class='form-control1' readonly = 'readonly'>

<select class="form-control1" name="qty[]" id="sType"  onChange="check();">
        <option value="<?php echo $avail;?>"><?php echo $Uconv;?></option>
        <option value="<?php echo $qty;?>"><?php echo $uom;?></option>
</select>

//my javascript code
<script>
function check() {
   document.getElementById("avail").value = document.getElementById("sType").value;
}
</script>

Answer 1

您必须为每个输入提供单独的 ID，然后找到它。假设您的迭代变量是 $i:

<?php
  $i=1;
  while (your_condition) {
?>
    <input type='text' name='qqty[]' value='<?php echo $avail; ?>' id="avail<?= $i ?>" class='form-control1' readonly = 'readonly'>

    <select class="form-control1" name="qty[]" id="sType"  onChange="check('<?= $i ?>');">
            <option value="<?php echo $avail;?>"><?php echo $Uconv;?></option>
            <option value="<?php echo $qty;?>"><?php echo $uom;?></option>
    </select>

    //my javascript code
    <script>
    function check(i) {
       document.getElementById("avail"+i).value = document.getElementById("sType").value;
    }
    </script>
<?php
$i++;
} // end while
?>