【问题标题】:Auto Populate edit form in codeigniter在 codeigniter 中自动填充编辑表单
【发布时间】:2019-12-10 18:39:15
【问题描述】:

所以我制作了一个表格来显示我的数据库中的数据,并且在该表格中有一个编辑按钮,可以打开一个页面,您可以在其中编辑表格和数据库的值,问题是我想知道如何自动使用选择要编辑的值填充输入表单

这里是编辑表单的一个片段

<div class="form-group">
   <label for="kodeproduksi" class="control-label">Kode Produksi</label>

// form that used dropdown where the option of the dropdown is a data from database
      <select name="kodeproduksi" id="kodeproduksi"  class="form-control">
      <?php foreach($produksi as $prd) : ?>
        <option value ="<?php echo $prd["kodeprod"]; ?>"><?php echo $prd["kodeprod"]; ?></option>
      <?php endforeach; ?>
      </select>
    </div>
  </div>
<div class="col-lg-4">
  <div class="form-group">
    <label for="name" class="control-label">Item Name</label>
      <input type="text" class="form-control" id="name">
    </div>

我应该怎么做才能自动填充我的输入框

【问题讨论】:

  • 我无法理解您的问题。您在下拉框中选择了一个值,该值应该与编辑页面中的值相同是否正确?
  • 到目前为止,我了解到您的表格包含多行数据。每行都有一个编辑按钮,单击时您想在新页面上显示其数据。我说的对吗?
  • 是的,你是对的

标签: php codeigniter


【解决方案1】:

这里是一个sn-p:

var table = $(".myTable")

// handle click and add class
table.find('tr').on("click", function(){
	alert( $(this).find('input').val() )  
})
.myTable td{
  background-color:#eee;
  border:1px solid #fff;
  padding:5px 10px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="myTable">
<tr>
  <td>1
    <input type="hidden" value="1">
  </td>
  <td>other cell
  </td>  
  <td>other cell
  </td> 
</tr>
<tr>
  <td>2
    <input type="hidden" value="2">
  </td>
  <td>other cell
  </td>  
  <td>other cell
  </td> 
</tr>
<tr>
  <td>3
    <input type="hidden" value="3">
  </td>
  <td>other cell
  </td>  
  <td>other cell
  </td> 
</tr>
</table>

如您所见:

  • 一个表格,在单元格内有一个输入字段,一个输入用于行
  • 一个附加到每一行 (tr) 函数广告点击的 js(如果你想只将 onclick 附加到单元格,你可以修改 .find('tr').find('td')
  • 在函数内部,您可以获取单击元素 $(this).find('input').val() 上的输入值

现在您必须根据需要更改警报,例如使用预填充的 val 打开表单的功能

【讨论】:

    【解决方案2】:

    您可以将表格单行内的值设置为:

    • 一个隐藏的输入在点击时获取该值

    &lt;td&gt;my val&lt;input type="hidden" value="myval"&gt;&lt;/td&gt;

    • 数据属性并在点击时获取该值

    &lt;td data-myval="myval"&gt;my val&lt;/td&gt;

    • 直接在 onClick 内部

    &lt;td onclick="openForm(myval)"&gt;my val&lt;/td&gt;

    【讨论】:

    • 所以我需要在我的&lt;td&gt; 中添加 3 个?还是我只需要其中之一?
    • 三种不同的解决方案,您必须选择更适合您需求的一种!
    • 所以如果我有这张桌子&lt;td&gt;&lt;?php echo $dkm["qty"]; ?&gt;&lt;/td&gt; 我应该这样写&lt;td&gt;&lt;?php echo $dkm["qty"]; ?&gt;&lt;input type="hidden" value="&lt;?php echo $dkm["qty"]; ?&gt;"&gt;&lt;/td&gt;?
    • 是的,然后如果你有一个onclick函数你必须得到输入字段的值
    • 我认为我做错了,我确实喜欢我之前发送的那个,但值为空白,我没有 onclick 功能,当我尝试 onclick 时结果相同
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-08-28
    • 1970-01-01
    • 1970-01-01
    • 2012-09-06
    • 2015-08-26
    • 2011-11-15
    • 2019-06-09
    相关资源
    最近更新 更多