Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
Huskar
31 / 31 / 11
Регистрация: 03.02.2011
Сообщений: 182
1

[Быстрый поиск] Javascript+Jquery

11.05.2013, 18:30. Просмотров 917. Ответов 1
Метки нет (Все метки)

Добрый вечер господа. Есть форма, работает она следующим образом:
Появляется поле с id orders1 вы вводите в это поле текст, происходит быстрый поиск, под полем выходит список вы выбираете элемент из списка кликом мыши, выбранный элемент вставляется в поле с id = orders1, ниже появляется поле orders2 с фокусом, работает аналогично вышеописанному, но возникла проблема... если вы случайно ошиблись и выбрали не тот элемент, удалив старый текст и начав вводить текст, для этого поля быстрый поиск не сработает, т.е. на предыдущее поле система быстрого поиска не сработает, вот и проблема как ее решить? Думаю мб через onBlur ловить id элемента пихать его в скрипт и дальше работать? или как что еще можно сделать? Код всей библиотеки ниже. Спасибо за помощь
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
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
var sid = '';
var o = 1;
var visib = false;
var quer;
var ra;
var boxcont = '';
var type = 'adress';    
var summ = '';
//Быстрый поиск
function search(id,s,f){
        type = id;
        quer = $("#"+id).val();
        if(quer.length>2) {
            boxcont = '';
            $.post(f,{q: quer },function(data){
 
                if(data!='') {
 
                    if(!visib) {
                        $("#"+s).fadeIn(100);
                        visib = true;
                    }
                    boxcont = '';
                    ra = data.split('$$');
                    for (var i = 0; i < Math.round(ra.length/2); i++){
                        boxcont = boxcont + '<div class="itm" cat="'+ra[i*2+1]+'">'+ra[i*2]+'</div>';
                    }
                    $("#"+s).html(boxcont);
                    $(".itm").bind("click",itmclick);
                } else {
                    $("#"+s).fadeOut(100);
                    visib = false;
                }
 
            });
 
        } else {
            $("#box").fadeOut(100);
            visib = false;
        }
};
//При клике на эелемент в списке результат работы поиска
function itmclick(){
if (type == 'adress'){
        sid = $(this).attr("cat");
        $("#adress").attr("value",$(this).html());
        document.getElementById('dom').select();
        }else{
        $("#order"+o).attr("value",$(this).html());
        o += 1;
        $("#mspis").append('<input type="text" class="inp" style="margin-bottom: 5px;" size="45" maxlength="200" autocomplete="off" id="order'+o+'" name="orders[]" onkeydown="AddField();" /><input type="text" class="inp" size="1" maxlength="200" autocomplete="off" id="kolvo'+o+'" name="kolvo[]" value="1" /><br>');
        document.getElementById('order'+o).select();
        }
        $("#box").fadeOut(100);
        $("#mlist").fadeOut(100);
        visib = false;
};
//Отправка данных
function addzakaz(){
var outData = {
    adress: $("#adress").val(),
    fio: $("#fio").val(),
    number: $("#number").val(),
    text: $("#text").val(),
    id: sid,
    cmenu: o,
    mdom: $("#dom").val(),
    mabbr: $("#abbr").val(),
    mkorp: $("#korp").val(),
    mkv: $("#kv").val(),
    mofis: $("#ofis").val(),
    mpodz: $("#podz").val(),
    metaj: $("#etaj").val(),
    moname: $("#oname").val(),
    mztime: $("#ztime").val(),
    motdel: $("#fil").val(),
    menu: objToString(),
    summ:summ
}; 
 
$.ajax({
    url: 'take.php',
    type: 'POST',
    data: outData,
    success: function(data) {
    alert(data);
    }
});
$("#orders").html('<legend><b>Список заказываемой продукции:</b></legend><div id="mspis"><input type="text" class="inp" style="margin-bottom: 5px;" size="45" maxlength="200" autocomplete="off" id="order1" name="orders[]" onkeydown="AddField();" /><input type="text" class="inp" size="1" maxlength="200" autocomplete="off" id="kolvo1" name="kolvo[]" value="1" /><br></div><div id="mlist"></div>');
document.getElementById('myform').reset();
o = 1;
sid = '';
$('#otdel').attr('style','display:none');
summ = '';
}
//Добавление нового поля
function AddField(){
if(event.keyCode==13){
o += 1;
$("#mspis").append('<input type="text" class="inp" style="margin-bottom: 5px;" size="45" maxlength="200" autocomplete="off" id="order'+o+'" name="orders[]" onkeydown="AddField();" /><input type="text" class="inp" size="1" maxlength="200" autocomplete="off" id="kolvo'+o+'" name="kolvo[]" value="1" /><br>');
document.getElementById('order'+o).select();
}else{
search('order'+o,'mlist','smenu.php');
}
}
//Перебор полученных данных
function objToString() {
    var s = '';
    var m = '';
        for (i=1;i<o;i++){
           s += $("#order"+i).val() + ' кол-во:' + $("#kolvo"+i).val()+'|';
           m = $("#order"+i).val();
           summ = summ * 1 + (parseInt(m.replace(/\D+/g,"")) * $("#kolvo"+i).val());
           }
        return s+'|';
}
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.05.2013, 18:30
Ответы с готовыми решениями:

Обьекты в JavaScript. jQuery.fn = jQuery.prototype
Я ломаю себе голову вопросом: почему метод прототипа объекта не может быть...

Javascript в JQuery
Есть проблема с пониманием Jquery. В общем-то JQuery позволяет сэкономить...

Подключение jquery и javascript
Не могу подключить jquery к отдельному js файлу. пишу в head &lt;script...

Анимация JavaScript+jQuery
Добрый день! У меня есть две группы объектов, которые должны плавно и...

Перевести JQuery в JavaScript
$(&quot;body&quot;).append('&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style6.css&quot;...

1
Huskar
31 / 31 / 11
Регистрация: 03.02.2011
Сообщений: 182
12.05.2013, 21:24  [ТС] 2
Сделал сам.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.05.2013, 21:24

Перевести из javascript в jquery
var csslink = document.createElement(&quot;link&quot;); ...

Комментарий на Javascript + jQuery
Всем привет! :) возникла такая проблема, я сделал комментирование на сайте,...

Javascript перевести в jquery
Добрый день помогите перевести Javascript в Javascript jquery function...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru