Я использую 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();