Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
0 / 0 / 0
Регистрация: 07.09.2019
Сообщений: 30
1

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

17.06.2020, 13:05. Просмотров 1590. Ответов 3
Метки нет (Все метки)


Приветствую, мне нужно реализовать присвоение значения переменной, которое выберет человек из меню. Но я не могу понять, как это сделать
HTML5
1
2
3
4
5
6
7
8
9
<select>
    <option>3</option>
    <option>5</option>
    <option>7</option>
    <option>9</option>
</select>
<script>
var num = *тут должно быть что-то из меню*
</script>
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.06.2020, 13:05
Ответы с готовыми решениями:

Как лучше изменять значение переменной в Javascript через replace или просто присвоить новое?
Нужно мнение спеца по Javascript. Как будет корректнее или может быстрее заменить по клику значение...

Возможно ли через выпадающее меню DBComboBox присвоить полю null?
Здравствуйте! Возможно ли через выпадающее меню DBComboBox присвоить полю null? То есть можно ли...

как присвоить значение переменной, передаваемой в функцию через параметры
есть глобальная переменная int stateKir = 01; int numberKir = 01; вызов функции с передачей...

Через выпадающее меню select не отправляется значение в MySQL
Приветствую всех! Наряду с обычным полем ввода текста потребовалось сделать выпадающее меню....

3
Эксперт JS
5308 / 3068 / 1483
Регистрация: 14.06.2018
Сообщений: 5,821
17.06.2020, 14:33 2
Здравствуйте.
Javascript
1
var num = +document.querySelector("select").value; // Плюс, чтобы строку преобразовать в настоящее число
Добавлено через 6 минут
----
Если непонятно, как навесить обработчик:
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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <select>
        <option>3</option>
        <option>5</option>
        <option>7</option>
        <option>9</option>
    </select>
    <script>
        var sel = document.querySelector("select");
        sel.onchange = sel_change;
 
        function sel_change() {
            var num = +sel.value; // Плюс, чтобы строку преобразовать в настоящее число
            alert(num);
        }
    </script>
</body>
</html>
1
0 / 0 / 0
Регистрация: 07.09.2019
Сообщений: 30
17.06.2020, 19:11  [ТС] 3
Спасибо, а у меня после функции есть ещё код, где используется эта переменная, может есть еще способ? Может добавить что-то типа кнопки "Ок"?

Добавлено через 1 час 18 минут
Хм, может через addEventListener возможно?
0
Эксперт JS
5308 / 3068 / 1483
Регистрация: 14.06.2018
Сообщений: 5,821
18.06.2020, 10:14 4
Лучший ответ Сообщение было отмечено Maxim31 как решение

Решение

Цитата Сообщение от Maxim31 Посмотреть сообщение
у меня после функции есть ещё код, где используется эта переменная
Самое свежее значение переменной будет как раз в момент выполнения функции-обработчка.
В промежутках между выполнением функции будет старое значение в переменной.

Так что вне функции будете всегда использовать несвежее значение переменной.
Всё, что свежее, делается именно в функции.

Цитата Сообщение от Maxim31 Посмотреть сообщение
через addEventListener возможно?
Возможно.

Добавлено через 4 часа 37 минут
Цитата Сообщение от Maxim31 Посмотреть сообщение
Может добавить что-то типа кнопки "Ок"?
Сильно зависит о того, что будете делать с данными.

Например, чтобы отправить форму, переменная даже не нужна. Достаточно обратиться к элементам формы при нажатии на кнопку:
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
31
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <form>
        <input name="FIO" />
        <select name="count">
            <option>3</option>
            <option selected>5</option>
            <option>7</option>
            <option>9</option>
        </select>
        <input type="button" value="Отправить" />
    </form>
    <script>
        var form = document.forms[0];
        var btn = document.querySelector("input[type=button]");
        var num = 5; // По умолчанию 5
 
        form.onsubmit = function (e) { e.preventDefault(); }; // Запрет отправки формы по Enter
        btn.onclick = btn_click;
 
        function btn_click() {
            num = +form.count.value; // Плюс, чтобы строку преобразовать в настоящее число
            alert(form.FIO.value + ", Количество: " + num);
        }
    </script>
</body>
</html>
Добавлено через 11 минут
----
Два интересных варианта штатно отправить форму с запретом отправки по Enter:
Отправка данных на сервер только через нажатие кнопки
Так что решение сильно зависит от того, что конкретно нужно.
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.06.2020, 10:14

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

Как присвоить значение переменной, исходя из значения другой переменной?
Всем привет. Нужна помощь. Есть переменная, например &quot;month&quot; которая может принимать значения...

Как переменной описанной в программе присвоить значение переменной в Conditional Compilation Arguments?
Kak mozhno peremennij opisanoj v programme prisvoit` znachenie peremennoj v Conditional Compilation...

Как php переменной присвоить значение переменной javascript?
есть переменная php как ей присвоить значение переменной javascript?

Как Вывести Выпадающее Меню через Pdomenu
Здравствуйте. Подскажите пожалуйста, как вывести выпадающее меню через pdomenu. в чанке меню...

Как присвоить значение переменной если значение позже устанавливается в цикле?
Кратко: if($_SESSION != &quot;&quot;){ $row = mysql_num_rows(mysql_query(&quot;...&quot;)); if($row &gt; 0) $panel...

Как из таблицы БД sql взять значение из столбца и присвоить значение переменной в int
Мне нужно взять из таблицы БД sql взять значение из столбца и присвоить значение переменной в...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.