в раскрывающемся списке не отображаются все элементы после клона - PullRequest
Новая
       48

в раскрывающемся списке не отображаются все элементы после клона

0 голосов
/ 23 октября 2019

Я хочу клонировать, и это сработало. Но выпадающий список не в состоянии выбрать. Я не знаю, какие ошибки я совершил. Надежда может помочь мне решить эту проблему. Спасибо.

not able to select drop down

DISPLAY TABLE 

<table class="table" id="ItemList" style="width:100%">
   <tr>
     <th class="col-md-2 col-sm-12 col-xs-12">Field</th>
     <th class="col-md-2 col-sm-12 col-xs-12">Cage</th>
     <th class="col-md-3 col-sm-3 col-xs-3">Tare Weight</th>
     <th class="col-md-3 col-sm-3 col-xs-3">Gross Weight</th>
     <th class="col-md-2"></th>
   </tr>
</table>

ТАБЛИЦА КЛОНОВ 

<table class="table hide" id="ItemListClone" style="width:100%" >
   <tr>
     <th class="col-md-2 col-sm-12 col-xs-12">Field</th>
     <th class="col-md-2 col-sm-12 col-xs-12">Cage</th>
     <th class="col-md-3 col-sm-3 col-xs-3">Tare Weight</th>
     <th class="col-md-3 col-sm-3 col-xs-3">Gross Weight</th>
     <th class="col-md-2"></th>
   </tr>
   <!-- This is  clonable row line -->
   <tr class="item-cage-clone">
       <td>
         <select class="form-control select " name="FieldID" asp-items="@ViewBag.FieldList">
          <option value="">Choose..</option>
         </select>
       </td>
       <td>
        <select class="form-control select " name="CageID" asp-items="@ViewBag.CageList">
          <option value="">Choose..</option>
        </select>
       </td>
       <td>
         <label for="WeightContainer" name="WeightContainer"></label>
       </td>
       <td>
        <input type="number" name="WeightIn" class="form-control">
       </td>
        <td>
          <span class="table-remove glyphicon glyphicon-remove cage-remove"></span>
        </td>
     </tr>
</table>

ДОБАВИТЬ КАРТОЧКУ В СТОЛ 

$('.cage-add').on('click', function (e) {

    var item = $("#ItemListClone").find(".item-cage-clone").clone(true);

    $("#ItemList").append(item);
})
...