Html select с поиском

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 554e0a104ed4bee2 • Your IP : 91.146.8.87 • Performance & security by Cloudflare

Новые расширения из каталога

Вопросы

Прямой эфир

MadRomas 11 января 2020, 22:35

Mikalai1 6 января 2020, 14:43

Abulta 30 декабря 2019, 20:52

Abulta 30 декабря 2019, 14:28

nyacerenhai 15 декабря 2019, 17:03

MadRomas 8 декабря 2019, 23:09

lifecom 29 ноября 2019, 16:35

Goras 20 ноября 2019, 17:26

Goras 13 ноября 2019, 15:55

lifecom 7 ноября 2019, 13:25

Работа!

Блоги

  • Блог разработки LiveStreet137.33
  • Сайты на LiveStreet121.49
  • Вопросы83.57
  • Дополнительные модули и доработки для LiveStreet73.21
  • Техническая документация LiveStreet68.62
  • Tips & tricks60.64
  • Биржа заказов на разработку и поддержку за деньги56.28
  • Предложения и пожелания46.04
  • Шаблоны для LiveStreet38.75
  • Решения проблем28.89
Читайте также:  Asus p50ij драйвера windows 7

Добрый день. Задался вопросом реализации выпадающего списка в поиске.
То есть у нас есть строка text и в этой строку вписать select с выбором где именно ищем, топики, люди, комментарии. Если select и сделать с помощью css, что бы он был в самой строке поиска, то правильно связать не получается. Подскажите как это можно реализовать.

И ещё один момент можно ли вывести в строке поиска заместо Например: Аписинка Случайный заголовок топиков? Думал с начало через смарти сделать rand определённых слов, но это грустно выглядит когда постоянно одно и тоже.

  • Zlodar
  • 3 июля 2015, 20:37
    0 0 0

8 комментариев

1. Посмотрите тут.
— Если у вас шаблон базируется на TB этой же версии, просто скопируйте html. Если предыдущей, то посмотрите доку по предыдущей версии TB, там тоже есть сегментированные инпуты.
— Если у вас шаблон не базируется на TB, то из приведенного примера скопируйте html и соотв. CSS.

2. Как вариант, выводите там произвольный тег из БД, или сохраняйте в БД слова последнего поиска, и выводите их при следующем открытии страницы.

На одном из сайтов, с которыми мне довелось поработать, был select, в котором хранились названия всех городов России. Ну, может и не всех, но в районе 2000 городов точно было. Представьте себе, что вы открываете такой список и пытаетесь найти нужный вам город. Зрелище так себе, согласитесь.

В таком случае на ум мне пришло следующее: а что если скрыть весь этот список и осуществить по нему поиск через тот же input, и выбрать нужный нам пункт при успешном совпадении введенного города с имеющимися.

Поискав информацию по этому поводу, я узнал, что в jQuery есть очень интересная штука под названием «autocomplete» – плагин, который помогает пользователю заполнять текстовое поле на основе сравнения введенной информации с существующей. Именно это и легло в основу моего скрипта.

Читайте также:  Cisco 7942 инструкция на русском

Итак, приступим к реализации. Для начала нам нужно составить какой-нибудь select и input:

При этом, как вы заметили, мы сразу скрываем select.

Далее в секции HEAD подключаем необходимые библиотеки:

И завершающим этапом будет вставка скрипта перед закрывающим тегом