Question

如何，在我选择了该选项之后，它将出现在#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的新手，可以用简洁的代码编写并且易于理解，谢谢：）

Answer 1

如果我对您的理解正确，那么您想显示第一个div的第二个div。

基于这样的事实，我认为您使用引导程序您已经包含了jQuery，如果没有，则在此示例中必须这样做。

您必须在页面上添加此JavaScript。

<script>
 $( document ).ready(function() {
  $( "#exampleFormControlSelect1" ).change(function() {
    $("#secondDiv").show();
  });
 });

</script>

您需要在div上输入一个ID。

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

Answer 2

如果您希望在不重新加载页面的情况下显示数据，则需要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>

选择选项后

2 个答案: