Option в javascript - JavaScript, Ajax

usa-1500 · 01.11.2014, 23:10

Решил попробовать создать вторую форму с метками и вывести. Никак не выводит form2. Что нужно исправить в коде чтобы вывело?

Код HTML:

<!DOCTYPE HTML>

  <meta charset="utf-8">
  <title>SELECT</title>
 </head>
 <body>
<form name="form">
  <select name="genre" multiple>
    <option value="blues" selected>Мягкий блюз</option>
    <option value="rock" selected>Жёсткий рок</option>
    <option value="classic" selected>Классика</option>
  </select>
</form>
<br>
<form name="form2">
  <select name="music" multiple>
    <option value="executor" selected>Исполнитель</option>
    <option value="nationality" selected>Национальность</option>
    <option value="place" selected>Место проведения</option>
  </select>
</form>

<script>

var form = document.body.children[0];
var select = form.elements.genre;

for (var i=0; i<=select.options.length; i++) {
  var option = select.options[i];

  if(option.selected) {
    document.writeln(option.value);
  }

}


var form2 = document.body.children[0];
var select = form2.elements.music;

for (var j=0; j<=select.options.length; j++) {
  var option2 = select.options[j];

  if(option2.selected) {
  	document.writeln(option2.value);
  }
}
</script>

 </body>
</html>

Stilet · 01.11.2014, 23:39

Ошибку консоль выдает?

usa-1500 · 02.11.2014, 00:02

Я запускаю через браузер, путем ввода адреса test.ru. Никаких ошибок не выдает, только форму вторую не выводит

Fenex · 02.11.2014, 03:14

Потому что вы в обоих случаях присваиваете в переменную form2 первую форму на странице:

Код:

var form2 = document.body.children[0];

А ещё лучше получать форму по её имени:

Код:

document.forms.form
document.forms.form2

usa-1500 · 02.11.2014, 21:38

Цитата:

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

Потому что вы в обоих случаях присваиваете в переменную form2 первую форму на странице:

Код:

var form2 = document.body.children[0];

А ещё лучше получать форму по её имени:

Код:

document.forms.form
document.forms.form2

Почему в обоих случаях?
В первом случаи я присваиваю просто переменной form, а во втором случаи переменной form2

Fenex · 03.11.2014, 07:54

У вас две разные переменные указывают на один и тот же элемент. Вы эти переменные можете как угодно обозвать и далее с ними работать.

Код:

var asdklfjhasjkldfhasjkldfh = document.body.children[0];
var select = asdklfjhasjkldfhasjkldfh.elements.genre;

// code

01.11.2014, 23:39	#2
Stilet Белик Виталий :) Старожил Регистрация: 23.07.2007 Сообщений: 57,097	Ошибку консоль выдает? I'm learning to live...

02.11.2014, 03:14	#4
Fenex Форумчанин Регистрация: 15.02.2012 Сообщений: 821	Потому что вы в обоих случаях присваиваете в переменную form2 первую форму на странице: Код: `var form2 = document.body.children[0];` А ещё лучше получать форму по её имени: Код: `document.forms.form document.forms.form2` ^-.-^ My GitHub

03.11.2014, 07:54	#6
Fenex Форумчанин Регистрация: 15.02.2012 Сообщений: 821	У вас две разные переменные указывают на один и тот же элемент. Вы эти переменные можете как угодно обозвать и далее с ними работать. Код: `var asdklfjhasjkldfhasjkldfh = document.body.children[0]; var select = asdklfjhasjkldfhasjkldfh.elements.genre; // code` ^-.-^ My GitHub

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Самоплодящийся <option>	Jopses	JavaScript, Ajax	2	14.02.2013 14:58
Элемент <option> в PHP	kilogram	PHP	7	30.03.2012 00:02
скрыть option	Mortimoro	JavaScript, Ajax	4	27.08.2011 15:56
Получить option.text по value	motorway	JavaScript, Ajax	14	25.09.2010 19:08
option и frame	Peperovich	HTML и CSS	1	24.11.2009 10:30

02.11.2014, 00:02	#3
usa-1500 Пользователь Регистрация: 02.02.2014 Сообщений: 22	Я запускаю через браузер, путем ввода адреса test.ru. Никаких ошибок не выдает, только форму вторую не выводит