У меня есть форма с двумя полями — поставщик и пав. В настоящее время поставщик представляет собой текстовое поле автозаполнения, которое после выбора поставщика заполняет поле pav соответствующим значением. Я хотел бы добавить стрелку вниз или полосу прокрутки в текстовое поле, чтобы, как только пользователь начнет печатать, он мог прокручивать вверх и вниз. Что мне действительно хотелось бы сделать, так это изменить текстовое поле на поле со списком автозаполнения, но найденные мной руководства были немного продвинутыми для моих ограниченных знаний в jquery.
Другой вариант, который я нашел, — показывать весь список, когда пользователь фокусируется на поле, используя.bind('focus', function(){ $(this).autocomplete("search"); } ); , но я не понимаю, где это разместить в моем коде.
Ниже приведен мой код jquery для автозаполнения:
Drupal.behaviors.mywebform = {
attach: function (context, settings) {
$('#edit-submitted-vendor-exhibitor-info-pav').val("");
$("#edit-submitted-vendor-exhibitor-info-vendor").autocomplete({
source: "/shipONE/sites/vendorarray.php",
minLength: 1,
select: function(event, ui) {
$('#edit-submitted-vendor-exhibitor-info-vendor').val(ui.item.vendor);
$('#edit-submitted-vendor-exhibitor-info-pav').val(ui.item.pav);
}
});
}
};
И код для моего php, который возвращает значения из базы данных:
$return_arr = array();
if ($conn)
{
$ac_term = "%".$_GET['term']."%";
$query = "SELECT * FROM vendors2 where vendor like :term";
$result = $conn->prepare($query);
$result->bindValue(":term",$ac_term);
$result->execute();
/* Retrieve and store in array the results of the query.*/
while ($row = $result->fetch(PDO::FETCH_ASSOC)) {
$row_array['pav'] = $row['pav'];
$row_array['value'] = $row['vendor'];
$row_array['pav'] = $row['pav'];
array_push($return_arr,$row_array);
}
}
/* Toss back results as json encoded array. */
echo json_encode($return_arr);
Подробнее здесь: https://stackoverflow.com/questions/293 ... text-field
Добавьте стрелку раскрывающегося списка в текстовое поле автозаполнения jquery ⇐ Jquery
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение