Jump to content

Подсветка текста или ячейки по значению из выпадающего списка

maD

By maD,
in Freelance

 Share

Recommended Posts

maD Explorer

maD

Posted
Posted (edited)

Добрый день.

Оформляю простенький сайт (на ucoz.ru) с таблицами футбольных матчей.

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

Хотя бы как при поиске в браузере по F3. 

Как создать выпадающий список с кнопкой я нашел (кнопка не обязательна, если будет работать без неё) 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Список</title>
 </head>
 <body>
  <form>
   <p><strong>Выберите команду</strong></p>   
   <p><select name="select" size="1">
    <option selected value="s1">...</option>
    <option value="s2">Виктория</option>
    <option value="s3">Витязь</option>
    <option value="s4">Дружба</option>
    <option value="s5">Магистраль</option>
    <option value="s6">Микрон</option>
    <option value="s7">Молодёжка</option>
    <option value="s8">Негаснущие звезды</option>
    <option value="s9">ОТАиС</option>
    <option value="s10">Союз</option>
    <option value="s11">Спарта</option>
    <option value="s12">Триумф</option>
    <option value="s13">Элит-Декор</option>
    <option value="s14">Юность-Коммаш</option>
   </select>
   <input type="submit" value="Отправить"></p> 
  </form>
 </body>
</html>

Помогите, пожалуйста.

Edited by klierik
Link to comment
Share on other sites
maD Explorer

maD

Posted
  • Author
Posted

Спасибо, большое.

С трудом, но разобрался, как привязать код к нужной странице. Заработало.

Есть одно но, работает только с первым упоминанием команды на странице, а название команды может встречаться многократно. Я так понимаю, код находит первое совпадение по "id", а следующие игнорирует.

Возможно ли как-то это исправить?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Similar Content

    • Wile E
      Проблема с тегом select
      By Wile E
      Здравствуйте, дорогие форумчане. Я - новичок самоучка, поэтому для вас проблема может быть не очень сложная.
      Мне нужно сделать выпадающий список, как на рисунке. Интересует меня то, как сделать такие оглавления, как на изображении ("по сторам", "по товару"), чтоб они не выпадали вместе с option. 
      Простите, если не совсем понятно и корректно выражаюсь!

    • sMoodi
      Выпадающий список
      By sMoodi
      Доброго времени пытаюсь сделать удобную спортивную статистику, сайт собираю на joomla. 
      Так что же хочу спросить. Как сделать выпадающий список , который при выборе списка в том же модуле откроет мне другую таблицу
      пример многие спортивные сайты, в которых можно сразу посмотреть несколько статистик .. http://volleypod.ru/тут есть такой ) 
       заранее спасибо большущее , за ответ на мой глупый вопрос
    • diktor13
      выпадающее меню на css
      By diktor13
      Помогите пожалуйста сделать выпадающее меню на css, без jq. Спасибо
      <div id="menu">
      <ul><li><a href="#">click me</a></li><ul><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li></ul><li class="standup"><a href="">ССЫЛКА1</a></li><li class="standup"><a href="">ССЫЛКА2</a></li><li class="standup"><a href="">ССЫЛКА3</a></li><li class="standup"><a href="">ССЫЛКА4</a></li></ul></div>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept