Как разместить кнопку в выпадающем списке

@AndreyQ · Регистрация: 13.09.2016

Студворк — интернет-сервис помощи студентам

Подскажите требуется сделать кнопочку добавить при выборе из выподающего списка (<select><option>)
вот примерно так:

HTML5
1
2
3
4
5
<select onchange="window.location.href=this.options[this.selectedIndex].value">
    <option VALUE="1">яблоко</option>
    <option VALUE="2">помидор</option>
    <option VALUE="add.php">Добавить...</option>
</select>

Как сделать так чтоб переход был только при выборе пункта Добавить.... А то сейчас он при выборе любого пункта пытается меня перевести по несуществующей ссылке.

Комментарий модератора

На каждый вопрос создавайте по одной теме! (Правила п.4.4)

@mrtoxas · 24.03.2017, 16:55

Кнопку не добавите. Можно при помощи js можно проверять, если выбран элемент с "add.php" в value, тогда делать переход по этой ссылке. А зачем вам это нужно? Может будет какой-то способ интереснее.

@AndreyQ · 24.03.2017, 17:02 **[ТС]**

Задумка такова, что если в списке не хватает чего-то то можно было из него перейти на "форму добавления в БД".
Аналогия как у 1С сделано, при выборе наименования из выпадающего списка внизу списка всегда присутствует кнопка добавить, при нажатии на которую открывается форма добавления нового в справочник.

@mrtoxas · 24.03.2017, 17:08

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
  <select onchange="addElem(this)" name="" id="">
  <option value="one">1</option>
  <option value="two">2</option>
  <option value="add">Добавить</option>
</select>
  <script>
    function addElem(elem){
  if (select.value=='add'){ location.href="https://www.cyberforum.ru/" }
}
  </script>
</body>
</html>

@AndreyQ · 24.03.2017, 17:29 **[ТС]**

Спасибо большое. Как все просто оказалось.

ЗЫ. Можно вас попросить исправить название темы? Добавить букву "К" на предпоследнею позицию последнего слова.

Добавлено через 15 минут

JavaScript
1
2
3
4
5
6
<script>
    function addElem(select)
    {
        if (select.value=='add'){ location.href="https://www.cyberforum.ru/"; }
    }
  </script>

Немного переделал,
elem заменил на select и тогда все заработало как надо.
Спасибо.

@mrtoxas · 24.03.2017, 17:32

Да, это я сначала по-другому хотел сделать и забыл потом поправить

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	24.03.2017, 16:55
	Кнопку не добавите. Можно при помощи js можно проверять, если выбран элемент с "add.php" в value, тогда делать переход по этой ссылке. А зачем вам это нужно? Может будет какой-то способ интереснее. 0

@AndreyQ 2 / 1 / 1 Регистрация: 13.09.2016 Сообщений: 25
	24.03.2017, 17:02 [ТС]
	Задумка такова, что если в списке не хватает чего-то то можно было из него перейти на "форму добавления в БД". Аналогия как у 1С сделано, при выборе наименования из выпадающего списка внизу списка всегда присутствует кнопка добавить, при нажатии на которую открывается форма добавления нового в справочник. 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	24.03.2017, 17:32
	Да, это я сначала по-другому хотел сделать и забыл потом поправить 0