时间戳

首页 > 解决方案 > 选择选项后在另一个表单上显示数据

javascript - 选择选项后在另一个表单上显示数据

问题描述

如何，在我选择选项后，它会出现#formid，其中表格由选项部分中选择的 $stock 填写

<div class="form-group">
    <label for="exampleFormControlSelect1">Nama Item</label>
    <select class="form-control" id="exampleFormControlSelect1" name="itemId">
      <option selected>Choose</option>

      <?php $no=1; while($row = $result->fetch_object() ) {
        $stock  = $row->stock;
        $i_name = $row->i_name;
        $id     = $row->id;
        ?>

      <option value="<?php echo $id; ?>"><?php echo $i_name; ?></option>

      <?php } ?>

    </select>
</div>

选择选项后将出现的表单

<div class="form-group">
    <label>Stock</label>
    <input class="" type="number" name="" value="<?php echo $stock;?>">
</div>

我是 php 和 javascript 的新手，你能用简洁的代码和易于理解的方式编写吗，谢谢 :)

标签： javascriptphphtmlbootstrap-4php-7

解决方案

如果您希望在不重新加载页面的情况下显示数据，您将需要 javascript。首先，我们制作 Javascript 函数，它接受您的选项 id 并将其传递给您的输入值。

funcction chooseOption(clicked.id){
document.getElementById('myInput').value = clicked_id;
}

HTML 和 PHP 我们需要为每个选项添加不同的 id。传递您想要的每个选项名称的最佳方式。我们还在选项中添加了我们的 onclick 功能。

<div class="form-group">
<label for="exampleFormControlSelect1">Nama Item</label>
<select class="form-control" id="exampleFormControlSelect1" name="itemId">
  <option selected>Choose</option>

  <?php $no=1; while($row = $result->fetch_object() ) {
    $stock  = $row->stock;
    $i_name = $row->i_name;
    $id     = $row->id;


 echo "<option onclick=\"chooseOption(this.id);\" id=\"".$stock."\" value=\"".$id."\">".$i_name."</option>";

  <?php } ?>

</select>
</div>

在您的输入中添加了一个 id，以便 javascript 可以将数据发送给它。

<div class="form-group">
<label>Stock</label>
<input id="myInput" class="" type="number" name="" value="">
</div>

推荐阅读