動態輸入字段在 </form> 標簽

Question

這很奇怪，但是我有一個按鈕ID #fusk，點擊它會添加一些動態元素，例如

$('#imgc').append(
  "<div class='divi'>" +
  "<input type='hidden' name='"+i+"' value='"+e.target.result+"'  />" +
  "<div class='remove_f' onClick='remove_f()'>" +
  "<a href='#'><i class='glyphicon-circle_remove icon_margin'></i></a>" + 
  "</div><img style='float:left' class='oni_wh' src='"+e.target.result+"'/></div>");

元素被添加到表單中

<form method="post" id="frmi" enctype="multipart/form-data" >
  <div class="right_btn_holder_">
    <label id="add_i" for="fusk" id="fuskb" class="btn btn-success">
      <i class="glyphicon-circle_plus icon_margin"></i>
    </label>

    <button id="uim" type="submit" id="remove_data" class="btn btn-danger">
      <i class="glyphicon glyphicon-upload icon_upload"></i><?php echo strings("upload"); ?>
    </button>
  </div>
  </div>
  <div class="box-content nopadding">
    <div class="tab-content padding tab-content-inline tab-content-bottom">
      <div class="control-group">
        <label  class="control-label"><?php echo strings("offer_titl"); ?></label>
        <div class="controls">
          <input maxlength="50" type="text"  name="on" placeholder="<?php echo strings("titl");?>"/>        
        </div>
      </div>
      <input multiple accept="image/x-png,image/jpeg" id="fusk" type="file" name="photo[]" style="display: none;">

      <div id="imgc" class="control-group">

      </div>    
</form>

但是當添加元素時，看到元素出現在</form>標記之后，因此沒有數據被發送

Answer 1

表單應具有正確的開始和結束標簽。

很多div都沒有關閉，其中一些沒有啟動就關閉了。 這就是問題發生的原因。

<div id="imgc" class="control-group">

jQuery確實找不到關閉div的原因，這就是Append無法正常工作的原因。

Answer 2

<label>有兩個ID，請刪除一個。 它可能破壞了代碼中的某些內容。