Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
6 / 4 / 2
Регистрация: 12.06.2016
Сообщений: 20

JQuery .autocomplete с событием onItemSelect - передать выбор значения в php

09.07.2017, 15:04. Показов 2043. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго дня!
Помогите отредактировать код:
Последовательность такая:
1. Изначально выведен в браузере:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
        <p><b>Шаг 2. Выберите, вид вашей деятельности:</b></p>
<p>Подсказка: начинайте набирать в текстовом поле наименование чем Вы занимаетесь. При появлении нужного наименования нажмите на него кнопкой мыши и переходите к следующему шагу.</p>
 
<div class="ui-widget">
  <label for="skills">ОКВЭД: </label>
  <input id="skills">
</div>
<span id="result3">Здесь будет ответ № 3</span><br><br>
 
<script>
$(function() {
    $( "#skills" ).autocomplete({
        source: 'search.php',
        delay:50,
        minChars:2,
        maxItemsToShow: 30,
        onItemSelect: selectItem // !!! Как сюда прописать функцию, действующую при выборе значения autocomplete
 
    });
});
 
 
function selectItem() {
var item = $(this);
        sendData[item[0].id] = item.val();
 
        $.ajax({
            url: "function.php",
            method: "POST",
            data: $.extend(
                { action: 'okved' },
                sendData
            ),
            success: function(data){
                $('#result3').html(data);
            }
        });
};
В id="skills" из файла search.php выбирается значение. Должно сработать событие onItemSelect, которое вызовет функцию selectItem. Она присваивает sendData передаваемое значение, и $.ajax его передаёт в function.php :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function getPostValue($name, $default = '') 
{
    if (isset($_POST) && isset($_POST[$name]) && !empty($_POST[$name])) {
        return $_POST[$name];
    }
    return $default;
}
 
if ($action == 'okved') {
    $okved = getPostValue('skills', '');
    switch ($okved) {// или $_POST[look1] 
        case "11":
            return formHtml2(); 
            break;
        case "51.11":
            return formHtml3();
            break;
    }
}
РНР по условию $action == 'okved' определяет значение переменно $okved - запускает getPostValue, берёт из значение из массива $_POST[], и в зависимости от значения - например case 11 возвращает функцию formHtml2()...
Автокомплит работает, но после выбора значения ничего не происходит.

Подскажите, где я ошибся, что пишу не так?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
09.07.2017, 15:04
Ответы с готовыми решениями:

php и jquery autocomplete - вывод данных с бд/ php и БД
Здравствуйте друзья и уважаемые гуру php. Есть ли у кого нибудь примеры работы php с jQuery Autocomplete. Чтоб данные выводились с бд и...

PHP и jQuery Autocomplete - Использование плагина и вывод данных с бд
Здравствуйте друзья и уважаемые гуру php. Написал в раздел jQuery но там мне не ответили. А тут более менее живее, люди помогают друг...

Из Jquery передать переменную в PHP
есть несколько ссылок вида &lt;a id=&quot;1&quot; data-id=&quot;trigger&quot;&gt;&lt;/a&gt; &lt;a id=&quot;2&quot; data-id=&quot;trigger&quot;&gt;&lt;/a&gt; &lt;a id=&quot;3&quot;...

3
 Аватар для sad67man
2604 / 1508 / 689
Регистрация: 23.08.2015
Сообщений: 3,834
09.07.2017, 17:21
Opener, А функция вообще вызывается? Посмотрите, что возвращает this
JavaScript
1
2
3
function selectItem(){
  console.log(this);
}
Добавлено через 8 минут
Ошибок нет в консоли? Где вы объявляете переменную sendData?
И посмотрите, что возвращает item.val()

Opener, Я что-то не могу понять каким автокомплитом вы пользуетесь, в документации jq-ui другие свойства. Может быть у вас более старая версия.
Далее вы можете посмотреть, что передается в функцию попробуйте вот так
JavaScript
1
2
3
4
5
function selectItem(e, data) {
  console.log(data);
  var sendData = {};
  sendData[this.id] = data.item.value;
}
1
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
09.07.2017, 18:14
Цитата Сообщение от sad67man Посмотреть сообщение
Я что-то не могу понять каким автокомплитом вы пользуетесь
и не только вы.
Opener, уточните какой у вас плагин.
1
6 / 4 / 2
Регистрация: 12.06.2016
Сообщений: 20
10.07.2017, 09:49  [ТС]
Спасибо за ответ!
Подключена библиотека jquery-ui.js - 1.12.1 и jquery-1.12.4.js.
onItemSelect: - я действительно взял не из документации, а из статьи на сайте, показалась очень умной, мне понравилось это событие (которое срабатывает именно на выбор значения, что мне и нужно) и я решил попробовать и я действительно также не знаю из какой версии плагина оно взялось. Думал, что вдруг заработает.

Теперь по делу -
Цитата Сообщение от sad67man Посмотреть сообщение
1
function selectItem(){
* console.log(this);
}
Консолью пользуюсь первый раз - прописал эту функцию, ответ - undefined
На эту функцию:
Цитата Сообщение от sad67man Посмотреть сообщение
function selectItem(e, data) {
* console.log(data);
* var sendData = {};
* sendData[this.id] = data.item.value;
}
ответ - undefined

Посмотрите, правильно ли я переделал код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script>
$(function() {
    $( "#skills" ).autocomplete({
        source: 'search.php',
        delay:50,
        minLength: 2,
        select: selectItem, <!-- функция срабатывает при первом выборе значения -->
        change: selectItem  <!-- функция срабатывает при изменении значения ? нужно ли здесь , или ; ? -->
 
    });
});
 
 
function selectItem() {                <!-- нужно ли писать (event, ui) или просто оставить пустым ()  -->
    var item = $(this);
    sendData[item[0].id] = item.val(); 
 
<!-- здесь sendData берёт первый элемент массива, но у меня только одно значение как правильно написать? может достаточно sendData = item.val()
или такой код:
sendData = {
            skills: item.val()
        }
sendData берёт значение от массива по id = skills
-->
    
        $.ajax({
            url: "function.php",
            method: "POST",
            data: $.extend(
                { action: 'okved' },
                sendData
            ),
            success: function(data){
                $('#result3').html(data);
            }
        });
};
</script>
Добавлено через 5 минут
Цитата Сообщение от fanatikus Посмотреть сообщение
и не только вы.
Opener, уточните какой у вас плагин.
Спасибо за сообщение.
Сейчас подключена библиотека jquery-ui.js - 1.12.1 и jquery-1.12.4.js.
onItemSelect: - я действительно взял не из документации, а из статьи на сайте, показалась очень умной, мне понравилось это событие (которое срабатывает именно на выбор значения, что мне и нужно) и я решил попробовать и я действительно также не знаю из какой версии плагина оно взялось. Думал, что вдруг заработает.

Добавлено через 53 минуты
В консоли ошибка -
sendData[item[0].id] = item.val(); Uncaught ReferenceError: sendData is not defined
как sendData нужно правильно определить?

Добавлено через 10 минут
изменил
JavaScript
1
sendData[item[0].id] = item.val();
на
JavaScript
1
2
3
sendData = {
            skills: item.val()
        }
изменил событие с change: на close:
код заработал, как нужно!!!

Выкладываю рабочий код, если есть ошибки, буду рад сообщениям об исправлении и улучшении кода. Спасибо!!!

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$(function() {
    $( "#skills" ).autocomplete({
        source: 'search.php',
        delay:50,
        minLength: 2,
        close: selectItem,
    });
}); 
 
function selectItem(e, data) {
    var item = $(this);
        sendData = {
            skills: item.val()
        }
 
        $.ajax({
            url: "function.php",
            method: "POST",
            data: $.extend(
                { action: 'okved' },
                sendData
            ),
            success: function(data){
                $('#result3').html(data);
            }
        });
};
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
10.07.2017, 09:49
Помогаю со студенческими работами здесь

Передать две переменные в скрипт на PHP, а он должен передать их значения обратно в Unity приложение
Привет! При нажатии на кнопку должны отослаться две переменные в скрипт на PHP, а этот скрипт должен передать их значения обратно в...

Jquery передать несколько переменных из php
Для элемента &lt;select нужно получить список и size, весь мозг сломал, помогите плиз. $(document).ready(function() { ...

Передать значения Checkbox via jQuery+ajax
Нашел пример на stackoverflow. Но почему-то у меня он не работает: Форма с чекбоксами. Значения чекбоксов посылаются на обработку...

Как переменую из jquery передать в переменную php
Навеяло отсюда: https://www.cyberforum.ru/javascript-jquery/thread578306.html А как переменую из jquery передать в переменную php на...

Не получается передать значение из jquery и ajax в php
Нужно полученое значение из переменной n передать в php страницу $('.popup-open').click(function() { n=$(this).attr('value'); ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru