如何在javascript中为动态创建的html添加值

Question

我在JavaScript中有一个动态创建的HTML。我有一个值，我需要将它添加到动态创建的文本字段中。我的代码运行这样

var itemID = 25; 
 

 

 
content = document.createElement('div'); 
 
var html = ` 
 
     <div class="panel-container"> 
 
     
 
     <hr class ="hr-panel"> 
 
     <input type="text" placeholder="DB ID" id="ItemID" class ="col-xs-1 col-sm-2 col-md-2 col-lg-2 input-input-row"> 
 
     <div class ="input-row-spacer"></div> 
 
     <div class ="input-row-spacer"></div> 
 
     <input type="file"> 
 
     <hr class="panel-vertical-spacer"> 
 
     <hr class="hr-panel"> 
 
     <div class="row"> 
 
      <div class="col-md-12"> 
 
       <div class="panel-validation-controls-container"> 
 
        <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-ok"> </span> OK</button> 
 
        <div class="input-row-spacer"></div> 
 
        <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-remove"> </span> Cancel</button> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div>`; 
 

 
$(content).append(html); 
 
$('#' + itemID + 'ItemId').append(html); 
 
}

我怎样才能将值25到我的文本字段。在此先感谢

Answer 1

需要追加HTML成格，然后找到ID文本框中，把值到文本框中

var html = ` 
 
     <div class="panel-container"> 
 
     
 
     <hr class ="hr-panel"> 
 
     <input type="text" placeholder="DB ID" id="ItemID" class ="col-xs-1 col-sm-2 col-md-2 col-lg-2 input-input-row"> 
 
     <div class ="input-row-spacer"></div> 
 
     <div class ="input-row-spacer"></div> 
 
     <input type="file"> 
 
     <hr class="panel-vertical-spacer"> 
 
     <hr class="hr-panel"> 
 
     <div class="row"> 
 
      <div class="col-md-12"> 
 
       <div class="panel-validation-controls-container"> 
 
        <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-ok"> </span> OK</button> 
 
        <div class="input-row-spacer"></div> 
 
        <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-remove"> </span> Cancel</button> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div>`; 
 
    
 
    $('div').append(html); 
 
    
 
    $('#ItemID').val(25)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<div></div>

就像这样。