如何填充我的文本框？

Question

我正在为我的实习做一个网站，我遇到了一个问题。从我的数据库中检索数据到我的文本框中。如果可能的话，每个人自己的信息。例如;我有一个约翰的文本框，他有姓名和电子邮件。杰克也有姓名和电子邮件。两者都需要从数据库中选择并放入表格中。这是一种您可以更改人员信息的表格。你可以自己看看网站here。单击按钮 "Wijzig" 以查看我的意思。

<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<tr>
  <td width="100">
    <div id="flip">
      <img src="images/ik.jpg" class="circular" width="100px" height="100px">
      <td width="350px">
        <label for="luca" style="width: 280px;">Luca Fraser</label>

        <div id="panel" style="display: none;">Geboortedatum: 30-12-1997
          <br>Email: lucaf1997@gmail.com
          <br>Woonplaats: Winterswijk
        </div>
      </td>
    </div>
  </td>
  <td>
    <label for="luca">Voorzitter</label>
  </td>
  <td style="border-color: transparent;">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModalNorm" style="background-color: #42a5f5; border-color: #42a5f5; margin-left: 20px;">Wijzig
    </button>
    <div class="modal fade" id="myModalNorm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <!-- Modal Header -->
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">
              <span aria-hidden="true">&times;</span>
              <span class="sr-only">Close</span>
            </button>
            <h4 class="modal-title" id="myModalLabel">
                                            Wijzigen
                                        </h4>
          </div>

          <!-- Modal Body -->
          <div class="modal-body">
            <form role="form">

              <div class="form-group">
                <label for="exampleInputEmail1">Voornaam</label>
                <input type="email" class="form-control" id="exampleInputEmail1" value="Here needs to get a input value, look at line 247 to see where it needs to be." />
              </div>

              <div class="form-group">
                <label for="exampleInputEmail1">Achternaam</label>
                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Janssen" />
              </div>

              <div class="form-group">
                <label for="exampleInputEmail1">Email</label>
                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="jan@janssen.nl" />
              </div>

              <div class="form-group">
                <label for="exampleInputPassword1">Telefoonnummer</label>
                <input type="text" class="form-control" id="exampleInputPassword1" placeholder="0612345678" />
              </div>

              <div class="form-group">
                <label for="exampleInputEmail1">Functie</label>
                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Voorzitter" />
              </div>
            </form>
          </div>

          <!-- Modal Footer -->
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              Close
            </button>
            <button type="button" class="btn btn-primary">
              Save changes
            </button>
          </div>
        </div>
      </div>
    </div>


  </td>
  <td style="border-color: transparent;">
    <button type="button" class="btn btn-danger" onclick="myFunction()">Verwijder</button>
  </td>
</tr>

Answer 1

您需要编写 jquery 代码以从标签或 DOM 元素中获取值并显示在相应的输入框中。

value = $("#labelid").val();

但是您需要使 HTML 标准化，例如对标签使用唯一 ID。

如何填充我的文本框？

How do I populate my textboxes?

html

php

mysql

sql

textbox