Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.10.2017, 12:03
Новичок на форуме
Отправить личное сообщение для Alla963 Посмотреть профиль Найти все сообщения от Alla963
 
Регистрация: 15.10.2017
Сообщений: 4

как получить значение выбранного option в select
есть список. как получить значение выбранного option пользователем (например, пользователь выбрал otion со значением 2 и нажал кнопку отправить. как теперь получить значение value этого option)?
<form>

<select id="select_">
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>

<input type="submit" value="Отправить" onclick="getValue()">
</form>

<script>
function getValue() {
		var select = document.getElementById("select_");
		var value = select.options[sel.selectedIndex].value;
		alert(value);
}
</script>


код скрипта не работает
Ответить с цитированием
  #2 (permalink)  
Старый 15.10.2017, 12:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Alla963,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
<form onsubmit="return false">

<select id="select_">
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>

<input type="submit" value="Отправить" onclick="getValue()">
</form>

<script>
function getValue() {
    var select = document.getElementById("select_");
    var value = select.value;
    alert(value);
}
</script>

</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 15.10.2017, 12:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Alla963
не работает

Сообщение от Alla963
select.options[sel.selectedIndex].value;
Ответить с цитированием
  #4 (permalink)  
Старый 15.10.2017, 13:52
Новичок на форуме
Отправить личное сообщение для Alla963 Посмотреть профиль Найти все сообщения от Alla963
 
Регистрация: 15.10.2017
Сообщений: 4

извините. не так скопировала сюда, потому что уже здесь в коде изменяла имена переменных на нормальные
в Sublime написано правильно sel.options[sel.selectedIndex].value и все равно не работает такая запись
Ответить с цитированием
  #5 (permalink)  
Старый 15.10.2017, 13:52
Новичок на форуме
Отправить личное сообщение для Alla963 Посмотреть профиль Найти все сообщения от Alla963
 
Регистрация: 15.10.2017
Сообщений: 4

спасибо
Ответить с цитированием
  #6 (permalink)  
Старый 15.10.2017, 15:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Alla963,
select а не sel
Ответить с цитированием
  #7 (permalink)  
Старый 15.10.2017, 15:55
Новичок на форуме
Отправить личное сообщение для Alla963 Посмотреть профиль Найти все сообщения от Alla963
 
Регистрация: 15.10.2017
Сообщений: 4

почему select, а не sel?
я имею в виду, что изначально было так:
var sel = document.getElementById("select_");
var val = sel.options[sel.selectedIndex].value;
alert(val);
а затем я здесь в редакторе меняла sel на select и val на value, но забыла поменять в том месте
Ответить с цитированием
  #8 (permalink)  
Старый 15.10.2017, 16:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Alla963
что изначально было так:
замечание было для первого сообщения
Ответить с цитированием
  #9 (permalink)  
Старый 15.02.2019, 17:11
Новичок на форуме
Отправить личное сообщение для vitaliy_obcom Посмотреть профиль Найти все сообщения от vitaliy_obcom
 
Регистрация: 15.02.2019
Сообщений: 1

<body>
<select onchange="getValue(this.value);">
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>

<script>

function getValue(value) {
alert(value);
}
</script>
</body>

Последний раз редактировалось vitaliy_obcom, 15.02.2019 в 17:15.
Ответить с цитированием
  #10 (permalink)  
Старый 14.12.2019, 04:39
Новичок на форуме
Отправить личное сообщение для Lozyvar Посмотреть профиль Найти все сообщения от Lozyvar
 
Регистрация: 14.12.2019
Сообщений: 1

<body>
<select id = "select">
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>

<input type="button" onclick="getValue()" value="Выбрать"/>

<script>

let mySelectOption = getValue; // - полученное из функции значение прсвоим в переменную и используем где нужно))

function getValue(){
let selectedValue = select.value;
console.log(selectedValue);
return selectedValue;
}

</script>
</body>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать фильтрацию одинаковых элементов в списке SELECT -> OPTION? Enkille Общие вопросы Javascript 1 11.09.2016 22:37
Как получить значение переменной из игры на HTML5? Dimaz Общие вопросы Javascript 6 10.08.2014 16:27
Как получить значение src у frame? CEVER5 Элементы интерфейса 10 25.07.2013 13:34
Как получить option value Telnet Общие вопросы Javascript 1 17.05.2012 18:47
Как получить значение атрибута width в теге img, находящемся в скрытом диве? kolyan1983 Internet Explorer 4 21.03.2011 15:14