Javascript HTML-将更改下拉列表优化为表单中的列表

是否可以将下拉列表更改为表单中的列表

由于声誉问题，无法嵌入图像

这是我的表格和下拉列表：

然后我将下拉列表中的值更改为如下所示：

但问题是，我的第一个图像可以执行按钮并保存值，但当我像第二个图像一样更改表单界面时，按钮无法执行（单击按钮后没有显示任何效果）

我在下拉列表中的代码如下所示：

<div class="form-group">
  <label for="ik">Kriteria</label>
    <select class="form-control" id="ik" name="ik">
    <?php
    $stmt2 = $pgn2->readAll();
    while ($row2 = $stmt2->fetch(PDO::FETCH_ASSOC)){
    extract($row2);
      echo "<option value='{$id_kriteria}'>{$nama_kriteria}</option>";
    }
    ?>
    </select>
</div>

克里特里亚
必须在
@A.Lau内部，所以有办法改变
先生？把
放在
@A.Lau外部并不清楚你想要什么。重点是，我想根据
$nama\u kriteria
来检测每个
输入，所以如果我是输入80、79、79、80，如何让按钮称为'1， 80 ; 2, 79 ; 3, 79 ; 4, 80 ;??然后只需使用
input type='text'
或
input type=number
？
<div class="form-group">
  <form class="form-control" id="ik" name="ik">
    <?php
    $stmt2 = $pgn2->readAll();
    while ($row2 = $stmt2->fetch(PDO::FETCH_ASSOC)){
      extract($row2);
    ?>
    <option value="<?php echo $id_kriteria; ?>"><?php echo $nama_kriteria; ?></option>
    <input type="text" class="form-control" id="nn" name="nn">
    <?php
    }
    ?>
    </form>
</div>