Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   option value присвоение (https://javascript.ru/forum/dom-window/65761-option-value-prisvoenie.html)

Eadweard 06.11.2016 15:59

option value присвоение
 
Здравствуйте.
Я в javascript новичок, поэтому прошу помощи. Ниже приведет код (нашел в просторах интернета)
Что нужно:
Допустим, я выбираю "Серия 1", value должно иметь какое-то присвоенное значение, и чтобы 11 строчка поменялась, т.е. в src="От Серия 1 (value="1")" ... Чтобы менялась сама ссылка. Я не представляю как это написать :help: Заранее спасибо
<html>
<head>
</head>
<body>
<select name="city" id="myselect">
     <option value="1">Серия 1</option>
     <option value="2">Серия 2</option>
     <option value="3">Серия 3</option>
     <option value="4">Серия 4</option>
</select>
<div id="mydiv">src="http://s5.lol.com/video/a3c86e0a3/" width="610" height="370"</div>

<script type="text/javascript">
    document.getElementById("myselect").addEventListener("change", function(){
      document.getElementById('mydiv').innerHTML = "Серия: "+this.value;   
    });
</script>
</body>
</html>


P.S. Надеюсь объяснил понятно.:blink:

рони 06.11.2016 16:22

Цитата:

Сообщение от Eadweard
Надеюсь объяснил понятно

подожду знатоков перевода.

Eadweard 06.11.2016 16:59

Цитата:

Сообщение от рони (Сообщение 434226)
подожду знатоков перевода.

Ух. Представьте плеер с выбором серий. Каждый раз при выборе меняется url ссылки.
:agree: Вот.

рони 06.11.2016 17:29

Eadweard,
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
<select name="city" id="myselect">
     <option value="1">Серия 1</option>
     <option value="2">Серия 2</option>
     <option value="3">Серия 3</option>
     <option value="4">Серия 4</option>
</select>
<div id="mydiv">src="http://s5.lol.com/video/a3c86e0a3/" width="610" height="370"</div>

<script type="text/javascript">
    var obj = {1 : 'http://sggghhgh', 2 : 'http://suiiuiuiui'}// и т.д.
    document.getElementById("myselect").addEventListener("change", function(){
      document.getElementById('mydiv').innerHTML = 'src="'+obj[this.value]+'" width="610" height="370"';
    });
</script>
</body>
</html>

Eadweard 06.11.2016 19:10

Спасибо.


Часовой пояс GMT +3, время: 18:20.