HTML - 优化更改下拉列表以在表单中列出

时间:2017-05-19 06:20:38

标签: javascript html forms list drop-down-menu

可以在表单中更改下拉列表吗?

  由于声誉

无法嵌入图片

这是带下拉列表的表单: dropdown

然后我将下拉列表中的值更改为如下所示: dropdown to list

但问题是,我的第一张图片可以执行按钮并保存值,但是当我像第二张图片一样更改窗体界面时,按钮无法执行(单击按钮后无效果显示)

下拉列表中的代码如下:

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

然后我将<select>的代码改为<form>,将其更改为显示列表:

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

问题:

<form>内的第二个代码为<form>,因为如果我将<form>标记更改为<label>或其他内容,则界面看起来很糟糕,

有人可以帮我怎么做?

0 个答案:

没有答案