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

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

09.07.2017, 15:04. Показов 2034. Ответов 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
2603 / 1507 / 689
Регистрация: 23.08.2015
Сообщений: 3,814
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
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru