jquery tokeninput выбрать все - PullRequest
0 голосов
/ 09 апреля 2020

Я использую jquery tokeninput .

Как добавить кнопку «выделить все» и отменить выделение всех на jquery tokeninput?

Так что после ввода какого-либо ключевого слова в поле ввода отобразятся соответствующие параметры, и теперь я могу выбрать их по одному один. То, что я ожидаю, от показанных вариантов соответствия, я хочу нажать, чтобы выбрать все результаты.

Вот мой текущий рабочий код без выбора всех

{{JS "static/js/script2.js"}}
{{JS "/static/js/jquery.tokeninput.js"}}

<form name="form_copy" id="form_copy" method="post" enctype="multipart/form-data" action="">
<div class="form-group">
          <div><input type="text" id="domain" name="domain" value=""></div>

</div>

<script type="text/javascript">
    $(document).ready(function() {
        $("#instansi_type").hide();
        $("#domain").tokenInput("/api/domain/search/",{prePopulate: {{ .domain }} });
        $("input[name='from'][value='+{{.from}}+']").prop("selected", true);
    });

и вот скрипт2. js

// Get the <datalist> elements.
var dataList = document.getElementById('domain');

// Create a new XMLHttpRequest.
var request = new XMLHttpRequest();

// Handle state changes for the request.
request.onreadystatechange = function(response) {
    if (request.readyState === 4) {
        if (request.status === 200) {
            // Parse the JSON
            var jsonOptions = JSON.parse(request.responseText);

            // Loop over the JSON array.
            jsonOptions.forEach(function(item) {
                // Create a new <option> element.
                var option = document.createElement('option');
                // Set the value using the item in the JSON array.
                option.value = item.id;
                option.text = item.DomainName;
                // Add the <option> element to the <datalist>.
                dataList.appendChild(option);
            });

            $('.selectpicker').selectpicker('refresh');
            $('.selectpicker').selectpicker('val', $("#current-domain").val());
        }
    }
};

// Set up and make the request.
request.open('GET', '/api/domain/list?' + (new Date()).getTime(), true);
request.send();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...