Форум

Alla963 · #1 (**permalink**) 15.10.2017, 12:03

есть список. как получить значение выбранного 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

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

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

не работает

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

select.options[sel.selectedIndex].value;

Alla963 · #4 (**permalink**) 15.10.2017, 13:52

извините. не так скопировала сюда, потому что уже здесь в коде изменяла имена переменных на нормальные
в Sublime написано правильно sel.options[sel.selectedIndex].value и все равно не работает такая запись

Alla963 · #5 (**permalink**) 15.10.2017, 13:52

спасибо

рони · #6 (**permalink**) 15.10.2017, 15:24

Alla963,
select а не sel

Alla963 · #7 (**permalink**) 15.10.2017, 15:55

почему 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

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

что изначально было так:

замечание было для первого сообщения

vitaliy_obcom · #9 (**permalink**) 15.02.2019, 17:11

<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>

Lozyvar · #10 (**permalink**) 14.12.2019, 04:39

<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>

Форум

Справочник

Discord чат

Курсы javascript