Форум

Kynica · #1 (**permalink**) 29.09.2016, 11:20

Есть форма вида Select:

<select class="forminput" name="my">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

Мне нужно, что бы при выборе к примеру 1, писало в HTML за переделами form "Вы выбрали 1".
При выборе 2, соответственно "Вы выбрали 2".
Знаю что это делается с помощью команды onchange, но как дальше действовать ... Я 0 в программировании на JS и типичных примеров нет в гугле именно связанных с select. Буду очень благодарен за помощь!

ksa · #2 (**permalink**) 29.09.2016, 11:55

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

Я 0 в программировании на JS

А в чем специалист?

<select class="forminput" name="my" onchange='alert("Выбрали "+value)'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<select>

Kynica · #3 (**permalink**) 29.09.2016, 12:16

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

А в чем специалист?

<select class="forminput" name="my" onchange='alert("Выбрали "+value)'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<select>

Спасибо конечно, но мне нужен не Alert, а что бы мой текст писался возле формы.

Царь Леонид · #4 (**permalink**) 29.09.2016, 13:13

Цитата:

Я 0 в программировании на JS и типичных примеров нет в гугле именно связанных с select.

Ага, нет ни одного https://developer.mozilla.org/en-US/.../Events/change

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title></title>
</head>
<body>
<select class="forminput" name="my" onchange='onChangeHandler(event)'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<select>
<div id="result"></div>
<script>
  function onChangeHandler(e){
    var result = document.getElementById('result')
    result.innerHTML = e.target.value
  }
</script>  
</body>
</html>

Kynica · #5 (**permalink**) 29.09.2016, 13:50

Откуда ж столько пафоса? Но спасибо огромное!

warren buffet · #6 (**permalink**) 29.09.2016, 17:51

Оттуда товарищ, что главное нАчать. За одной фичей тянется другая, за третьей десятая, а мы все так и не знаем скрипты и побираемся как омежки. )))

Kynica · #7 (**permalink**) 29.09.2016, 22:28

Сообщение от warren buffet

Оттуда товарищ, что главное нАчать. За одной фичей тянется другая, за третьей десятая, а мы все так и не знаем скрипты и побираемся как омежки. )))

Тебя забыл спросить что мне делать!! Я работаю под дескопт мне твой JS нафиг не впал, просто первый раз за 10 лет понадобилась мелкая фича под скрипт, я в принципе то синтаксиса не знаю, поэтому и просил помочь, пока знакомых нет онлайн. Мне даже это: https://developer.mozilla.org/en-US/.../Events/change не поможет если я в элементарные функции подставить не смогу. Или мне из за трех строк весь язык учить?
Фу аж выбисил! Походу терпилы этого форума представили свою табуретку за трон и решили всех жизни учить ...

warren buffet · #8 (**permalink**) 30.09.2016, 09:47

Kynica, напиши на своей мове и портируй на JS. Дело-то. )))

warren buffet · #9 (**permalink**) 30.09.2016, 09:53

В деревнеском стайле вообще вот так делается

<select class="forminput" name="my" onchange="{document.getElementById('result').textContent=this.value;}">

ksa · #10 (**permalink**) 03.10.2016, 16:27

Сообщение от warren buffet

this.value

Сойдет и просто value...

Форум

Справочник

Discord чат

Курсы javascript