Javascript 隐藏popover时，popover内容表单输入字段会自动重置

使用以下代码动态添加弹出窗体。它的作用类似于popover内容。仅在隐藏popover后重置值

   var popupform='<div class="popover-content miniform">'+
            '<form class="form" id="'+inputType+''+formIncr+'">'+
            '<div class="controls">'+
            '<label class="control-label"> Field Name </label>'+
            '<input class="input-large field inputadjst" data-type="input" type="text" name="fieldName" id="fieldName" >'+
            '<label class="control-label"> Label Key </label>'+
            '<input class="input-large field inputadjst" data-type="input" type="text" name="labelKey" id="labelKey" >'+
            '<label class="control-label"> Field Description </label>'+
            '<input class="input-large field inputadjst" data-type="input" type="text" name="fieldDesc" id="fieldDesc" >'+

            '<label class="control-label">Data Type</label>'+
                    '<select class="selectfield inputadjst" data-type="select" name="dataType" id="dataType">'+
                    '<option value="String">STRING</option>'+
                    '<option value="int">INTEGER</option>'+
                    '<option value="float">FLOAT</option>'+
                    '<option value="double">DOUBLE</option>'+
                    '<option value="java.util.Date">DATE</option>'+
                    '<option value="java.util.Date">DATETIME</option>'+
                    '<option value="java.util.List">LIST</option>'+
            '</select>'+
            '<label class="control-label"> Mandatory Flag</label>'+
            '<select class="selectfield inputadjst" data-type="select" name="mandatoryFlag" id="mandatoryFlag">'+
              '<option value="Y">YES</option>'+
              '<option value="N">No</option>'+
            '</select>'+
            '<label class="control-label"> ReadOnly Flag </label>'+
            '<select class="selectfield inputadjst" data-type="select" id="readOnlyFlag" name="readOnlyFlag">'+
                      '<option value="Y">YES</option>'+
                      '<option value="N">No</option>'+
            '</select>'+
            '<label class="control-label"> Display Flag </label>'+
            '<select class="selectfield inputadjst" data-type="select" id="displayFlag" name="displayFlag">'+
                      '<option value="Y">YES</option>'+
                      '<option value="N">No</option>'+
            '</select>'+
            '<label class="control-label"> Style Class</label>'+
            '<input class="input-large field inputadjst" data-type="input" type="text" name="styleClass" id="styleClass" >'+
            '<label class="control-label"> Id Field </label>'+
            '<select class="selectfield inputadjst" data-type="select" id="inputsize" name="idField" id="idField" >'+
                      '<option value="Y">YES</option>'+
                      '<option value="N">No</option>'+
            '</select>'+
            '<label class="control-label">Max Length</label>'+
            '<input class="input-large field inputadjst" data-type="input" type="text" name="maxLen" id="maxLen" >'+        
            '<label class="control-label"> TA Rows </label>'+
            '<input class="input-large field inputadjst" data-type="input" type="text" name="taRows" id="taRows" >'+
            '<label class="control-label">TA Cols</label>'+
            '<input class="input-large field inputadjst" data-type="input" type="text" name="taCols" id="taCols" >'+
            '<input type="hidden" name="row" >'+
            '<input type="hidden" name="col">'+
            '<input type="hidden" name="data-sizex" >'+
            '<input type="hidden" name="data-sizey" >'+
            '<hr>'+
            '<button id="save'+inputType+''+(formIncr++)+'" onclick="getFormFields(this.id)" class="btn btn-info">Save</button><button id="cancel" class="btn btn-danger">Cancel</button>'+
             '</div>'+
            '</form>'+
            '</div>';      
     by clicking this list  tag only i fired popoer where data-content attribute shows i added that form dynamically.

            <li  data-content="'+popupform+'" rel="popover" data-container="body" data-placement="auto top"  data-html="true"  id="'+inputType+''+listId+'" name="'+inputType+'" data-sizey="'+datasizey+'" data-sizex="'+datasizex+'" data-row="'+datarow+'" data-col="'+datacol+'"></li>';
            this is the code for open the popover where content i added dynamically.    
            $(listValId).popover({selector: '[rel="popover"]'});

                            $(listValId).popover().on('shown.bs.popover', function(e) {

                });

var popupform=''+
''+
''+
“字段名”+
''+
“标签键”+
''+
“字段描述”+
''+
“数据类型”+
''+
“字符串”+
“整数”+
“浮动”+
“双人”+
“日期”+
“日期时间”+
“列表”+
''+
‘强制性旗帜’+
''+
“是的”+
“不”+
''+
“只读标志”+
''+
“是的”+
“不”+
''+
“显示标志”+
''+
“是的”+
“不”+
''+
“风格类”+
''+
“Id字段”+
''+
“是的”+
“不”+
''+
“最大长度”+
''+        
“塔罗”+
''+
“塔科尔斯”+
''+
''+
''+
''+
''+
“
”+
“保存取消”+
''+
''+
'';      
通过单击此列表标记，我激活了popoer，其中数据内容属性显示我动态添加了该表单。
；
这是打开我动态添加内容的popover的代码。
$（listValId.popover（{selector:'[rel=“popover”]'}）；
$（listValId.popover（）.on（'show.bs.popover'，函数（e）{
});

一些代码或jsfiddle确实可以在这里发挥作用：）你好，davidkonrad，谢谢你的回复。我的问题是我在poppover中添加了表单。一旦我打开poppover，表单也会随poppover一起打开，因为poppover内容就是表单。在我填充表单文本字段后，我强制隐藏，在我打开popover后，popover表单中的文本字段被清除。因此我需要防止。如何做，请帮助我。您的宝贵建议和解决方案欢迎…每次显示popover时，

。popover内容

被注入DOM，因此在弹出时表单字段被“清除”。有很多方法可以解决这个问题，但是没有代码是很难帮助的。

”；大卫康纳如果您还需要什么，请告诉我。请给出一些解决方案。