Форум программистов, компьютерный форум, киберфорум
C#: Web, ASP.NET
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 03.05.2007
Сообщений: 54

Как реализовать выполнение селекта в элементе формы без рефреша?

25.12.2009, 20:17. Показов 1019. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет!
Имеется следующая задача:
Необходимо организовать форму. Проблема в том, что некоторые элементы формы (комбобоксы)формируются динамически из достаточно больших справочников.
Пример - справочник фамилий... Согласитесь - делать выпадающий комбобокс на 10тыс записей - глупо

И вот один оччень умный товарищ мне подкинул идею:
сделать так: вначале в форме стоит обычный текстбокс, там пользователь набирает певые буквы фамилии и по нажатию Enter в поле в невидимый iframe загружается страница куда передается значения поля. На этой странице выполняется SELECT ... LIKE...
и формируется комбобокс.

Все! т.е. сначала текстбокс, потом он превращается в комбо..

Идея замечательная... но как её реализовать на практике -не знаю.. может кто подскажет?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
25.12.2009, 20:17
Ответы с готовыми решениями:

Как реализовать появление полей формы в зависимости от выбранного значения селекта?
Здравствуйте! Подскажите, как реализовать появление дополнительных полей формы в зависимости от значения селекта (выпадающего списка)? ...

Как реализовать отправку формы без перезагрузки страницы?
Раньше учил создавать сайты по видео урокам Евгения Попова (ruseller. com). Его уроки без использования ООП. Создал сайт на уровне функций...

Изменение background в css без рефреша
Такое дело: надо осуществить на сайте возможность замены фонового рисунка в блоке на свой (изображение-паттерн) без перезагрузки и...

6
0 / 0 / 0
Регистрация: 03.05.2007
Сообщений: 54
25.12.2009, 20:22  [ТС]
Вот почти готовый пример, если кто не понял, о чем речь...
может кто подскажет как довести его до полной готовности...?

Основная страница:
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
  <form name=forma>
  <input type='text' name=surname onkeypress='showSelect()'>
  <select size=1 name=surname_sel style='display:none'
  onkeypress='hideSelect()'></select>
  </form>
  <iframe style='display:none' name=sql_fr></iframe>
  <script>
        function showSelect()
        {
                if (window.event.keyCode==13)
                {
                  window.event.cancelBubble=true;
                  window.event.returnValue=false;
                  document.select_fr.location.href='search_sql.asp?surname=' + document.forma.surname.value;
 
                }
        }
        function hideSelect(type)
        {
                if (window.event.keyCode==27)
                {
                        window.event.cancelBubble=true;
                        window.event.returnValue=false;
                        document.all.surname.style.display='block';
                        document.all.surname_select.style.display='none';
                        document.all.surname.focus();
                }
        }
 
  </script>
страница search_sql.asp

на этой странице происходит получение параметра surname, выполнение
запроса к базе, заполнение select'а.
Затем происходит скрытие текстового поля и отображение комбобокса:
PHP/HTML
1
2
3
4
5
6
7
8
  <script>
        if (parent.document.forma.surname_select.options.length!=0)
        {
                parent.document.all.surname_select.style.display='block';
                parent.document.all.surname.style.display='none';
                parent.document.searchform.surname_select.focus();
        }
  </script>
0
0 / 0 / 0
Регистрация: 03.05.2007
Сообщений: 54
25.12.2009, 20:24  [ТС]
Хотелось бы увидеть полностью рабочую версию, а то я в АСПЕ чайник... в яве тем более..
0
0 / 0 / 0
Регистрация: 21.12.2009
Сообщений: 60
25.12.2009, 21:38
Предложение по внесению первых букв а потом заполнению селектбокса абсолютно верное и единственно возможное в данном случае, учитывая кол-во записей...

Теперь вопрос, а зачем ты показываешь, прячешь?
А если посетителю надо перенабрать буквы, другие искать фамилии, чего он делать будет?

не легче ли иметь сразу отображенными оба и текстовое и селектбокс. Только вначале селектбокс пуст...
Посетитель вводит первые буквы фамилии, нажимает кнопку, страница перегружается с заполненным селектбоксом?...
0
0 / 0 / 0
Регистрация: 03.05.2007
Сообщений: 54
25.12.2009, 22:55  [ТС]
показывает текстовое поле -> enter -> селектбокс -> del -> снова текстовое поле...

так как оформить тот второй файл, где селект?
0
0 / 0 / 0
Регистрация: 03.05.2007
Сообщений: 54
25.12.2009, 22:56  [ТС]
или можно рабочий пример твоего варианта?
0
0 / 0 / 0
Регистрация: 21.12.2009
Сообщений: 60
25.12.2009, 23:42
Рабочего варианта нет, а вот в общих чертах объяснить - это пожалуйста...
Пишу код сходу, поэтому могут быть огрехи, но общее направление:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form action='<%=request.ServerVariables('URL')%> method='post'>
<input type='text' name='firstLetters' value='<%=request('firstLetters')%>'>
<input type='hidden' name='do' value='doSelect'>
<input type='submit' value='Искать'>
<% if request('do')='doSelect' then
rs.Open 'SELECT .... FROM .... WHERE Like(данные из request('firstLetters')), connection, 1, 3 (настройки курсора и т.д.) %>
<select name='namesList>
<% if not rs.EOF then
do while not rs.EOF
response.write '<option value=' & rs(value) & '>' & rs(textInSelectBox') & '</option>'
rs.MoveNext
loop
rs.Close
end If %>
</select>
</form>
Описание:
ты всегда отображаешь text и кнопку, причем если страница загружается после нажатия кнопки, то в текстбокс автоматом вносится искомое значение.
Дальше, hidden поле вставлено специально для того, чтобы определить ищем ли мы что-то или только зашли. Если что-то ищем (if request('do')='doSelect' then), тогда показываем selectbox, достаем его данные из базы и заполняем его...

Плюсы: посетитель в любой момент может поискать заново без лишних прыганий, весь код на одной странице...
Минусы: не знаю
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.12.2009, 23:42
Помогаю со студенческими работами здесь

Как продолжить выполнение программы, после полной загрузки сайта в элементе WebBrowser?
В visual studio 2012. Пробывал так: Do Loop While WebBrowser1.IsBusy Но у меня программа продолжает работа, хотя...

Реализовать выполнение скрипта php без обновления страницы
Еще раз добрый день Как реализовать выполнение скрипта php без обновления страницы? В скрипте идет чисто умножение данных из полей

Отправка значения <select> в текущий документ, без рефреша, методом POST
Добрый вечер, не могу решить задачу. Имеется вот такая форма: &lt;div class=&quot;sort&quot;&gt; &lt;p&gt;Показывать на странице:&lt;/p&gt; ...

Выполнение фоновых операций без зависания формы
Здравствуйте, не думал, что такой вопрос возникнет, ибо думал, что знал путь решения, однако... Есть метод, допустим, такой: public...

Выполнение фоновых операций без зависания формы
Здраствуйте, к примеру есть какойто метод, который, например, что то делает на протяжении 3 секунд, все это время форма будет в режиме...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
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 Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
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 позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru