Запуск Pretty Dropdown на динамических выборках - PullRequest
0 голосов
/ 18 октября 2018

Я использую Pretty Dropdowns (https://www.npmjs.com/package/pretty-dropdowns) для моих выпадающих меню, и у меня есть форма, которая позволяет пользователю добавлять строки в форму. Добавляемые строки также содержат выпадающие списки, но мне нужно PrettyВы можете запустить выпадающие списки, чтобы их можно было применить к новым выпадающим спискам.

Вот мой jquery:

$('#addEmployee').click(function(){

    var empLines = $("div[id^='employee']").length;

    if(empLines < 21) {
      $('#employees').append('<div id="employee'+ id +'" class="emp-wrap row"><div class="form-group quarter-group"><label for="empClass'+ id +'">Employee Classification:</label><select class="form-control" id="empClass'+ id +'" name="empClass[]" required><option value="Full-time Employee">Full-time Employee</option><option value="Manager">Manager</option><option value="Owner">Owner</option></select></div></div>');}
      removeEmployee();
    id++;
});

Я попытался добавить $('select').prettyDropdown(); внутри функции и вне функции безудачи. Мысли?

1 Ответ

0 голосов
/ 18 октября 2018

запустить prettyDropdown метод с id.

$(document).ready(function() {
$dropdown = $('select').prettyDropdown();
  
});

var id=1;
$('#addEmployee').click(function(){
   var empLines =0;

    if(empLines < 21) {
      $('#employees').append('<div id="employee'+ id +'" class="emp-wrap row"><div class="form-group quarter-group"><label for="empClass'+ id +'">Employee Classification:</label><select class="form-control" id="empClass'+ id +'" name="empClass[]" required><option value="Full-time Employee">Full-time Employee</option><option value="Manager">Manager</option><option value="Owner">Owner</option></select></div></div>');}
      
      $('#empClass'+id).prettyDropdown()
      //removeEmployee();
    id++;
});
<link rel="stylesheet" href="/css/prettydropdowns.css">
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://thdoan.github.io/pretty-dropdowns/js/jquery.prettydropdowns.js"></script>
<link rel="stylesheet" href="https://thdoan.github.io/pretty-dropdowns/css/prettydropdowns.css">


<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<div>

<br/>
</div>
<div id="employees">
</div>

<input type="button" id="addEmployee" value="addEmployee" />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...