Создайте селектор выбора, используя JavaScript

Создайте селектор выбора, используя JavaScript

Вам нужно будет дать вашему новому select все те же атрибуты, что и у оригинала, затем вам нужно будет добавить его обратно в DOM.

 $(document).ready(function(){ $("#selector_telegestor").selectpicker(); $('#refresh').on('click', refresh); }); function refresh(){ var obj = [ { 'usuario': 'refresh1' }, { 'usuario': 'refresh2' }, { 'usuario': 'refresh3' }]; // re-create the select with the same attributes etc. var $select = $('{amp}lt;select/{amp}gt;', { 'class': 'selectpicker form-control', 'name': 'selector_telegestor', 'id': 'selector_telegestor', 'multiple': true }); $.each(obj, function(i, item) { let opt = $('{amp}lt;option/{amp}gt;', { 'value': item.usuario.trim() }) .text(item.usuario.trim()); $select.append(opt); }); // replace existing select with the new one $("#selector_telegestor") .selectpicker('destroy') .replaceWith($select); $select.selectpicker('refresh'); } /* $.ajax({ url: "{amp}lt;?php echo site_url('sati/mostrartelegestores');?{amp}gt;", type: "POST", data: fechas, success: function(data) { var obj = JSON.parse(data); // re-create the select with the same attributes etc. var $select = $('{amp}lt;select/{amp}gt;', { 'class': 'selectpicker form-control', 'name': 'selector_telegestor', 'id': 'selector_telegestor', 'multiple': true }); $.each(obj, function(i, item) { let opt = $('{amp}lt;option/{amp}gt;', { 'value': item.usuario.trim() }) .text(item.usuario.trim()); $select.append(opt); }); // replace existing select with the new one $("#selector_telegestor").replaceWith($select); $select.selectpicker('refresh'); } }); */ 
 {amp}lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" /{amp}gt; {amp}lt;link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.11/css/bootstrap-select.css" rel="stylesheet" /{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://unpkg.com/popper.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.11/js/bootstrap-select.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;select class="selectpicker form-control" name="selector_telegestor" id="selector_telegestor" multiple{amp}gt; {amp}lt;option{amp}gt;Mustard{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Ketchup{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Barbecue{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;input type="button" id="refresh" value="Refresh"/{amp}gt; 

Обновить

При замене выбора не забудьте .selectpicker('destroy') оригинал.

Также заменен минимально полным и проверяемым примером.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector