Итак, я прочесывал Интернет в поисках решения, которое, как я думал, будет распространенным и простым, но кажется, что все ссылки, которые я просматривал, либо больше, чем то, что мне нужно, либо они просто замазывают те части, которые мне нужны. и хочу понять.
Я разрабатываю сайт, на котором я хотел бы иметь поле, в котором пользователи могут вводить состояние, оно автоматически предлагает возможные состояния, и когда пользователь выбирает состояние, оно перенаправляет страницу на другой URL-адрес. Итак: если они выбирают «Аляска, AK», они перенаправляются на «http://.../states/alaska».
Из всего, что я просмотрел, автоподсказка удаленного источника jquery UI, кажется, является ближе всего к тому, что мне нужно. Мне понравилось, что мне не нужно было просматривать базу данных, значения находятся в файле «search.php».
В файле search.php значения вставляются как:
$q = strtolower($_GET["term"]);
if (!$q) return;
$items = array(
"Great Bittern"=>"Botaurus stellaris",
"Little Grebe"=>"Tachybaptus ruficollis",
"Black-necked Grebe"=>"Podiceps nigricollis",
"Little Bittern"=>"Ixobrychus minutus",
...
Я проверил, что могу изменить значения здесь на:
$q = strtolower($_GET["term"]);
if (!$q) return;
$items = array(
"Alabama, AL"=>"http://.../states/alabama",
"Alaksa, AK"=>"http://.../states/alaska",
"Arizona, AZ"=>"http://.../states/arizona",
...
В HTML код такой:
$(function() {
function log( message ) {
$( "<div/>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}
$( "#birds" ).autocomplete({
source: "search.php",
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.value + " aka " + ui.item.id :
"Nothing selected, input was " + this.value );
}
});
});
Мне не нужно, чтобы он отображал журнал, как мне переформатировать его, чтобы страница перенаправлялась при выборе или когда пользователь нажимает кнопку отправки?