Заставьте select2.js и по умолчанию select работать в первой строке динамически генерируемой строки - PullRequest
Новая
       7

Заставьте select2.js и по умолчанию select работать в первой строке динамически генерируемой строки

0 голосов
/ 31 мая 2018

У меня есть два поля в динамически генерируемой строке.Один из них - поле выбора select2, другой - поле ввода select по умолчанию.С моим текущим кодом обе опции выбора могут быть выбраны в дочерних строках, но в родительской строке, когда select2 начинает работать, опции выбора по умолчанию не могут быть выбраны.

Мой сценарий: 

$(document).on('mouseenter', '.item1', function() {
    var select2_open;
    $(this).select2().select2('open');
});

Этот скрипт помог мне показать опции полей select2 в дочерних строках.

Мой вид:

an error

HTML-представление: 

<div class="span2">
    <label style="font-size:13px;">Labour Code</label>
    <select type="text" id="labour_code locationCodesParent" class="item1"  name="lc[]" onChange="UpdateInfo(<?php echo $k=1;?>);" style="width:100px;" />
        <option value=""></option>
        <?php
            foreach($labour as $row)
            {?>
                <option value ="<?php echo $row['labour_code']; ?>"><?php echo $row['labour_code']; ?></option>
            <?php
            }
        ?>
    </select>
</div>

Код стороны сценария: 

var html="<div class='span2 pdfs locationCodesParent' style='margin-left:0px;'><select class='labour_code2 item1'  name='lc[]'  style='width:100px;' onChange='UpdateInfo1(this.value,"+count+");'><option value=''></option> <?php foreach($labour as $row) { ?> <option value='<?php echo $row['labour_code']; ?>'><?php echo $row['labour_code']; ?></option> <?php } ?></select></div>"; 

$("#rezult").append(html);

Файлы Select2.js и select2.min.css включены в нижний колонтитул и заголовок соответственно.Скриптовая ссылка Js:

https://jsfiddle.net/dytfcmLd/

...