Выберите элемент из выпадающего списка MDL HTML5 - PullRequest
Новая
       12

Выберите элемент из выпадающего списка MDL HTML5

0 голосов
/ 05 марта 2020

Я новичок ie в веб-разработчике. Я кодирую элемент выбора после добавления элементов динамически. Я использую MDL (Google Material Design Lite). Когда я добавляю элементы вручную, это прекрасно работает, 

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix-height"  style="margin: 10px; width: 250px;">
  <input type="text" value="" class="mdl-textfield__input" id="WC" readonly>
  <input type="hidden" value="" name="WC">
  <label for="WC" class="mdl-textfield__label">WC</label>
  <ul for="WC" class="mdl-menu mdl-menu--bottom-left mdl-js-menu" id ="wc_list">
      <li class="mdl-menu__item" >1</li>
      <li class="mdl-menu__item" >2</li>
  </ul>
</div>

Но когда я добавляю элементы с помощью javascript, я не могу выбрать какой-либо элемент. 

for (var i=0; i<5; i++){
   var li=document.createElement("li");
   li.className="mdl-menu__item";
   li.innerHTML="<li>"+i+"</li>";
   document.getElementById("wc_list").appendChild(li);
   componentHandler.upgradeElement(li);
}

Как выбрать элемент что добавил javascript?

...