значения выпадающего меню не отображаются после использования cloneNode()

Question

Я использую Polymer для создания регистрационной формы, и часть формы может повторяться в зависимости от пользовательских входных данных. Эта часть формы имеет поле с контролируемым списком значений, поэтому я попробовал раскрывающееся меню. Однако, когда я использую cloneNode() для повторения этого раздела формы, значения не отображаются в повторяющихся разделах формы. Значения отображаются в клонированном узле, когда я использую datalist. Есть ли способ использовать раскрывающееся меню в клонированном узле или другой способ повторить этот раздел формы?

Вот код бумага выпадающего меню:

<paper-dropdown-menu label="HTTP Method" name="httpMethod" required> 
     <paper-menu name="select-values" class="dropdown-content"> 
     <paper-item>GET</paper-item> 
     <paper-item>PUT</paper-item> 
     <paper-item>POST</paper-item> 
     <paper-item>DELETE</paper-item> 
     </paper-menu> 
    </paper-dropdown-menu> 

Вот код DataList: <input list="httpMethod" name="HTTP Method" label="HM Test"> <datalist id="httpMethod"> <option value="GET"> <option value="PUT"> <option value="POST"> <option value="DELETE"> </datalist>

Вот метод, чтобы клонировать узел: repeatDiv: function() { var div = document.getElementById('myDiv'); clone = div.cloneNode(true); clone.id = "some_id"; document.getElementById("myDiv").parentNode.appendChild(clone); }

Answer 1

я могу 't подключить различные фрагменты кода выше вместе, чтобы понять, что вы делаете, но я подозреваю, что у вас могут возникать проблемы синхронизации между тем, когда элементы прикрепляются к DOM и вы клонируете код.

Вместо того, чтобы клонировать код, почему бы не использовать его, чтобы закодировать копию с этим. Или если не dom-repeat, а только один экземпляр, то dom-if. Затем вы можете использовать привязку данных и управлять данными, которые вы связываете, чтобы контролировать, как выглядит дом.