Живой поиск, был выбраны select

@Salvat · Регистрация: 30.11.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте, подскажи, как можно в POST параметр данного кода добавить имя выбранного select'a и его значения

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
    $('.who').bind("change keyup input click", function() {
        if(this.value.length >= 2){
            $.ajax({
                type: 'post',
                url: "search_ajax.php", //Путь к обработчику
                data: {'referal':this.value},
                response: 'text',
                success: function(data){
                    $(".search_result").html(data).fadeIn(); 
                }
            })
        }
    })

Имеется select с городами

HTML5
1
2
3
4
5
Города:<select name='site'>
    <option value='1'>Волгоград</option>
    <option value='2'>Ленинград</option>
    <option value='3'>Сталинград</option>
</select>

Если бы сделан выбор, тогда чтобы data был таким

JavaScript
1
data: {'referal':this.value,'site':this.site},

@fanatikus · 07.06.2017, 20:22

Сообщение от Salvat

data: {'referal':this.value,'site':this.site},

JavaScript
1
data: {'referal':$(this).attr('name'),'site':$(this).val()},

@Salvat · 09.06.2017, 17:28 **[ТС]**

fanatikus, почему-то не срабатывает

HTML5
1
2
3
4
5
6
7
    <input type="text" name="referal" style="width:600px;margin-left:35%;" placeholder="" value="" class="who"  autocomplete="off">
<select name='site'>
    <option value='1'>Волгоград</option>
    <option value='2'>Ленинград</option>
    <option value='3'>Сталинград</option>
</select>  
    <ul class="search_result"> </ul><br/>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
    $('.who').bind("change keyup input click", function() {
        if(this.value.length >= 2){
            $.ajax({
                type: 'post',
                url: "search_ajax.php", //Путь к обработчику
                        data: {'referal':$(this).attr('name'),'site':$(this).value()},
                response: 'text',
                success: function(data){
                    $(".search_result").html(data).fadeIn();  
                }
            })
        }
    })

@fanatikus · 09.06.2017, 19:05

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
                $('.who').bind("change keyup input click", function () {
                    if (this.value.length >= 2) {
                        var s = $(this).next().val();
                        $.ajax({
                            type: 'post',
                            url: "search_ajax.php", //Путь к обработчику
                            data: {'referal': $(this).val(), 'site': s},
                            response: 'text',
                            success: function (data) {
                                $(".search_result").html(data).fadeIn();
                            }
                        })
                    }
                })

@Salvat · 25.06.2017, 08:42 **[ТС]**

fanatikus, подскажите пожалуйста, мне необходимо примерно так,

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
$('.who').bind("change keyup input click", function() {
                var obj = $('.who input:checked');
            
                if(obj.length > 0  ){
                      if(this.value.length >=2){
                         var d ={};
                            obj.each(function(i,e){
                        d[$(e).attr('name')] = $(e).val();
                        console.log($(e).attr('name')+" - "+ $(e).val());
                        $.ajax({
                            type: 'post',
                            url: "search_ajax.php", 
                            data: {'referal':this.value,'check':d},
                            response: 'text',
                            success: function(data){
                                $(".search_result").html(data).fadeIn(); 
                        }
                        })
                    })
                     }
                } else {
                   if(this.value.length >=2){
                         $.ajax({
                         type: 'post',
                     url: "search_ajax.php", 
                     data: {'referal':this.value},
                        response: 'text',
                        success: function(data){
                    $(".search_result").html(data).fadeIn(); 
                }
            })
        }
      }
     
 
 
    })

То есть, когда набирается текст, проверяется чекбокс, если выбран, проверяется кол-во символов. Потом отправляется текст и значение checkbox'a

HTML5
1
2
3
4
5
6
7
<div class="who">
     <input type="text" name="referal" style="width:200px;margin-left:35%;" placeholder="" value=""   autocomplete="off">
    <input type='checkbox' name='jobs' value="j">Работа
    <input type='checkbox' name='peoples' value="p">Люди
    <input type='checkbox' name='callboard' value="c">Объявления
</div>
<div class="search_result"></div>

@fanatikus · 25.06.2017, 18:58

del

Добавлено через 11 минут

Сообщение от Salvat

мне необходимо примерно так,

нет. это код из другой темы. там нет

Сообщение от Salvat

Добавлено через 2 часа 16 минут
вы хотите, чтобы при вводе в поле name="referal" нескольких символов, подгружались подсказки?

Добавлено через 6 часов 34 минуты

Сообщение от Salvat

мне необходимо примерно так,

PHP/HTML
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<style>
.none{
    display:none;
}
</style>
    <script type="text/javascript">
        function check_input(obj){
            if(obj.val().length >= 2){
                return true;
            } else {
                return false;
            }
        }
        
        function check_checkbox(obj,d){
            if(obj.length > 0){
                obj.each(function(i,e){
                    d[$(e).attr('name')] = $(e).val();
                });
            }
            return d;
        }
        
        function _ajax(dat){
            $.ajax({
                type: 'post',
                url: "search_ajax.php", 
                data: dat,
                response: 'text',
                success: function(data){
                    $(".search_result").html(data).fadeIn(); 
                }
            })
        }
        
        $(function () {
            $('#referal').on('input',function() {
                if(check_input($(this))){
                    var d ={};
                    var obj = $('.who input:checked');
                    var dat = check_checkbox(obj,d);
                    
                    dat[$(this).attr('name')] = $(this).val();
                    _ajax(dat);
                }
            });
            
            $('.who input[type=checkbox]').click(function(){
                if(check_input($('#referal'))){
                    var d ={};
                    var obj = $('.who input:checked');
                    var dat = check_checkbox(obj,d);
                   
                    dat[$('#referal').attr('name')] = $('#referal').val();
                    _ajax(dat);
                }
            })
        });
            
    </script>
  
<div class="who">
     <input id="referal" type="text" name="referal" style="width:200px;margin-left:35%;" placeholder="" value=""   autocomplete="off">
    <input type='checkbox' name='jobs' value="j">Работа
    <input type='checkbox' name='peoples' value="p">Люди
    <input type='checkbox' name='callboard' value="c">Объявления
</div>
<div class="search_result none"></div>

@Salvat · 26.06.2017, 14:50 **[ТС]**

fanatikus, Благодарю Вас за пример, я разберусь и отпишу, а пока реализовал таким образом, люди подсказали, я пробовал два раза POST отправлять, но почему-то код срабатывал один раз, подсказали как объединить вот в такой код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
   $('div.who').on('input', 'input', function() {
       var d = {}; 
       $(this).parent().find('input').each(function() {
            if(this.type=="text" && this.value.length >=2 || this.checked) d[this.name] = this.value
       })
       if(Object.keys(d).length) {
            $.ajax({
                type: 'post',
                url: "search_ajax.php",
                data: d,
                 response: 'text',
                success: function(data){
                $(".search_result").html(data).fadeIn();
                }
            })
       }
    });

вы хотите, чтобы при вводе в поле name="referal" нескольких символов, подгружались подсказки?

Да, Вы верно меня поняли

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ