在标记之后呈现的动态输入字段

时间:2017-09-21 04:46:09

标签: javascript jquery html

这很奇怪,但我点击了按钮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>标记之后,因此没有数据被发送

2 个答案:

答案 0 :(得分:2)

表单应具有正确的开始和结束标记。

有许多div没有关闭,其中一些没有开始关闭。这就是问题发生的原因。

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

Jquery真的找不到关闭div,这就是Append无法正常工作的原因。

答案 1 :(得分:0)

<label>有两个ID,删除一个。它可能会破坏您代码中的某些内容。