Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
34 / 34 / 11
Регистрация: 03.02.2011
Сообщений: 182

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

11.05.2013, 18:30. Показов 1541. Ответов 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
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
11.05.2013, 18:30
Ответы с готовыми решениями:

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

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

Переделка из JavaScript в JQuery
Здравствуйте, меня интересует такой вопрос. У меня есть код игры &quot;пятнашки&quot; на JavaScript но мне необходим JQuery, возможно ли его...

1
34 / 34 / 11
Регистрация: 03.02.2011
Сообщений: 182
12.05.2013, 21:24  [ТС]
Сделал сам.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
12.05.2013, 21:24
Помогаю со студенческими работами здесь

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

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
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