Jquery Append div包含一个表单，用于在a href上编辑mysql数据，单击|物化

我有一个从数据库获取所有客户机信息的表，其中一个

标记包含一个编辑链接，每个链接包含一个与该行的特定客户机匹配的唯一id。 诸如此类：

<a class="modal-trigger" href="#edit?id=<?php echo $result['idClients']; ?>"><i class="material-icons">edit</i></a>

_updateclient.php页面：

 <div id="edit?id=<?php echo $result['idClients']; ?>" class="modal">
  <div class="modal-content">
    <h4></h4>
    <form id="newclient" class="" action="/admin/resources/php/updateClient" method="post" novalidate="novalidate">
      <div class="row">
          <input type="hidden" name="idClients" value="<?php echo $result['idClients']; ?>" class="validate">
        <div class="input-field col s12 m6">
          <input name="clientNameA" type="text" value="<?php echo $result['clientNameA']; ?>" class="validate">
          <label for="clientNameA"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="clientNameB" type="text" value="<?php echo $result['clientNameB']; ?>" class="validate">
          <label for="clientNameB"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="clientEmail" type="email" class="validate " value="<?php echo $result['clientEmail']; ?>">
          <label for="clientEmail"></label>
        </div>
        <div class="input-field col s12 m6">
          <input type="text" name="eventLocation" class="autocomplete" value="<?php echo $result['eventLocation']; ?>">
          <label for="eventLocation"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="clientPhone" type="tel" class="validate " value="<?php echo $result['clientPhone']; ?>" >
          <label for="clientPhone"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="eventDate" type="text" class="datepicker" value="<?php echo $result['eventDate']; ?>">
          <label for="eventDate"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="eventGuests" type="number" class="validate " value="<?php echo $result['eventGuests']; ?>">
          <label for="eventGuests"></label>
        </div>
        <div class="input-field col s12 m6">
          <input type="hidden" name="clientStatus" value="">
          <select class="browser-default" name="clientStatus" id="clientStatus">
            <option <?php $this->checkStatment($result['clientStatus'],'active,'selected'); ?> value="active">active</option>
            <option <?php $this->checkStatment($result['clientStatus'],'temp,'selected'); ?> value="temp">temp</option>
            <option <?php $this->checkStatment($result['clientStatus'],'archive,'selected'); ?> value="archive">archive</option>
          </select>
        </div>
        <div class="input-field col s12 m6">
          <select class="browser-default" name="clientPackage" id="clientPackage">
            <option <?php $this->checkStatment($result['clientPackage'],'polo,'selected'); ?> value="polo">polo</option>
            <option <?php $this->checkStatment($result['clientPackage'],'plus,'selected'); ?> value="plus">plus</option>
            <option <?php $this->checkStatment($result['clientPackage'],'plat,'selected'); ?> value="plat">plat</option>
          </select>
        </div>
        <button type="submit" name="submit" class="button button-default-outline full-width">Update</button>
      </form>
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">close</a>
  </div>
</div>
</div>

---

以上可能的答案对我很有效，只需使用一个空的
占位符=“
”来允许活动课堂作业。
我一直在这样做-页脚中只有一个模式，然后在循环中，每个项目都有相同的触发器。使用数据属性将数据附加到每个项目，然后单击，您将收集所有数据，然后动态填充模型。别忘了每次都清除模式。如果你不知道怎么做，我会给你建一个代码笔，但听起来你好像知道自己在做什么——而且你肯定在想，为每个人输出一个模式是过分的。编辑成一个可能的解决方案。嗯..它有用吗？！：）在大多数情况下！，非常感谢，我可以传递数据，但在选择字段中，我得到了一个函数，用于检查从数据库中提取的字段，以便在该字段中回送活动字段。如何传递此数据并使用is-php变量？同样，看起来数据传递到字段标签顶部的字段中，我尝试在这些标签上使用active，但它不起作用。有什么想法吗？我不是100%理解你的问题，你能不能截图看看输出是什么，也许这会有帮助。
 <div id="edit?id=<?php echo $result['idClients']; ?>" class="modal">
  <div class="modal-content">
    <h4></h4>
    <form id="newclient" class="" action="/admin/resources/php/updateClient" method="post" novalidate="novalidate">
      <div class="row">
          <input type="hidden" name="idClients" value="<?php echo $result['idClients']; ?>" class="validate">
        <div class="input-field col s12 m6">
          <input name="clientNameA" type="text" value="<?php echo $result['clientNameA']; ?>" class="validate">
          <label for="clientNameA"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="clientNameB" type="text" value="<?php echo $result['clientNameB']; ?>" class="validate">
          <label for="clientNameB"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="clientEmail" type="email" class="validate " value="<?php echo $result['clientEmail']; ?>">
          <label for="clientEmail"></label>
        </div>
        <div class="input-field col s12 m6">
          <input type="text" name="eventLocation" class="autocomplete" value="<?php echo $result['eventLocation']; ?>">
          <label for="eventLocation"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="clientPhone" type="tel" class="validate " value="<?php echo $result['clientPhone']; ?>" >
          <label for="clientPhone"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="eventDate" type="text" class="datepicker" value="<?php echo $result['eventDate']; ?>">
          <label for="eventDate"></label>
        </div>
        <div class="input-field col s12 m6">
          <input name="eventGuests" type="number" class="validate " value="<?php echo $result['eventGuests']; ?>">
          <label for="eventGuests"></label>
        </div>
        <div class="input-field col s12 m6">
          <input type="hidden" name="clientStatus" value="">
          <select class="browser-default" name="clientStatus" id="clientStatus">
            <option <?php $this->checkStatment($result['clientStatus'],'active,'selected'); ?> value="active">active</option>
            <option <?php $this->checkStatment($result['clientStatus'],'temp,'selected'); ?> value="temp">temp</option>
            <option <?php $this->checkStatment($result['clientStatus'],'archive,'selected'); ?> value="archive">archive</option>
          </select>
        </div>
        <div class="input-field col s12 m6">
          <select class="browser-default" name="clientPackage" id="clientPackage">
            <option <?php $this->checkStatment($result['clientPackage'],'polo,'selected'); ?> value="polo">polo</option>
            <option <?php $this->checkStatment($result['clientPackage'],'plus,'selected'); ?> value="plus">plus</option>
            <option <?php $this->checkStatment($result['clientPackage'],'plat,'selected'); ?> value="plat">plat</option>
          </select>
        </div>
        <button type="submit" name="submit" class="button button-default-outline full-width">Update</button>
      </form>
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">close</a>
  </div>
</div>
</div>

 <a data-target="updateClient" href="#updateClient?cs=<?php echo $result['clientStatus'].'&cp='.$result['clientPackage']; ?>" class="modal-trigger waves-effect waves-light"
       data-idclients="<?php echo $result['idClients']; ?>"
       data-clientnamea="<?php echo $result['clientNameA']; ?>"
       data-clientnameb="<?php echo $result['clientNameB']; ?>"
       data-clientemail="<?php echo $result['clientEmail']; ?>"
       data-eventlocation="<?php echo $result['eventLocation']; ?>"
       data-clientphone="<?php echo $result['clientPhone']; ?>"
       data-eventdate="<?php echo $result['eventDate']; ?>"
       data-eventguests="<?php echo $result['eventGuests']; ?>"
       data-clientstatus="<?php echo $result['clientStatus']; ?>"

       ><i class="material-icons">edit</i></a>

    $('.modal').modal({
    onOpenStart: function(modal, trigger) {
    $(modal).find('input[name="idClients"]').val($(trigger).data('idclients'))
            $(modal).find('input[name="clientNameA"]').val($(trigger).data('clientnamea'))
            $(modal).find('input[name="clientNameB"]').val($(trigger).data('clientnameb'))
            $(modal).find('input[name="clientEmail"]').val($(trigger).data('clientemail'))
            $(modal).find('input[name="eventLocation"]').val($(trigger).data('eventlocation'))
            $(modal).find('input[name="clientPhone"]').val($(trigger).data('clientphone'))
            $(modal).find('input[name="eventDate"]').val($(trigger).data('eventdate'))
            $(modal).find('input[name="eventGuests"]').val($(trigger).data('eventguests'))
            $(modal).find('input[name="eventSuests"]').val($(trigger).data('eventstatus'))
            var eventstatus = ($(trigger).data('eventstatus'));
            $.post('resources/pages/_updateclient.php', {eventstatus: eventstatus});
}