Преобразование раскрывающегося списка jquery в функцию флажка ⇐ Php

[Anonymous]

Я использую следующий код для отображения результатов поиска. Он имеет два варианта: один — текстовое поле, а другой — вариант выбора из раскрывающегося списка. Я хотел бы преобразовать раскрывающееся поле в флажок и позволить пользователям выбирать более одного параметра одновременно. Как мне это сделать?

$(document).ready(function(){
load_data(1);
function load_data(page,query,city)
{
$.ajax({
url:"fetch_data.php",
method:"POST",
data:{page:page, query:query, city:city},
success:function(data)
{
$('#dynamic_content').html(data);
}
});
}
$(document).on('click', '.page-link', function(){
var page = $(this).data('page_number');
var query = $('#search_box').val();
var city = $('#city_box').val();
load_data(page, query, city);
});

$('#search_box').keyup(function () {
var query = $('#search_box').val();
var city = $('#city_box').val();
load_data(1, query, city);
});
$('#city_box').change(function () {
var query = $('#search_box').val();
var city = $('#city_box').val();
load_data(1, query, city);
});
});


Текущий пример раскрывающегося списка:


New York
London
Tokyo
Paris




Подробнее здесь: https://stackoverflow.com/questions/728 ... ox-feature