Форум

Eadweard · #1 (**permalink**) 06.11.2016, 15:59

Здравствуйте.
Я в javascript новичок, поэтому прошу помощи. Ниже приведет код (нашел в просторах интернета)
Что нужно:
Допустим, я выбираю "Серия 1", value должно иметь какое-то присвоенное значение, и чтобы 11 строчка поменялась, т.е. в src="От Серия 1 (value="1")" ... Чтобы менялась сама ссылка. Я не представляю как это написать

Заранее спасибо

<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. Надеюсь объяснил понятно.

рони · #2 (**permalink**) 06.11.2016, 16:22

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

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

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

Eadweard · #3 (**permalink**) 06.11.2016, 16:59

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

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

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

Вот.

рони · #4 (**permalink**) 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 · #5 (**permalink**) 06.11.2016, 19:10

Спасибо.

Форум

Справочник

Discord чат

Курсы javascript