Добрый день, подскажите пожалуйста, почему не берется значение из формы
[JS]
function doit(){
var name1="1";
console.log(name1);
var name1=document.getElementsByClassName('form1').value;
console.log(name1);
var name1=document.getElementsByClassName('form2').innerHTML=name1;
console.log(name1);
};
[/JS]
Введите ваше имя
<input type="text" class="form1"/>
<input type="button" value="Готово" style="height: 20px; width: 60px;" onclick="doit();">
<br/>
<br/>
Вас зовут:
<div class="form2">
Здесь выводится значение взятое из поля ввода
</div>
<br/>
<div class="form2">
Здесь выводится значение взятое из поля ввода,
</div>
Добро пожаловать на наш сайт
|
Цитата:
|
Вы имеете ввиду, что нужно как-то по другому передавать одно и тоже значение из формы в элементы с одинаковым классом? Как?
|
saves7,
попробуйте понять что написано выше и допишите в строках 6 и 8 необходимое значение |
saves7,
function doit(){
var name1="1";
console.log(name1);
name1=document.getElementsByClassName('form1')[0].value;
document.getElementsByClassName('form2')[0].innerHTML=name1;
console.log(name1);
};
|
Спасибо, просто плохо теорию знаю.
|
Теперь из формы берется значение, но почему то передается только в первый блок div, а во второй нет.
<head>
<meta charset="UTF-8">
<title>GetElementByClassName</title>
<script>
function doit(){
var name1="1";
console.log(name1);
var name1=document.getElementsByClassName('form1')[0].value;
console.log(name1);
var name1=document.getElementsByClassName('form2')[0].innerHTML=name1;
console.log(name1);
};
</script>
</head>
<body>
Введите ваше имя
<input type="text" class="form1"/>
<input type="button" value="Готово" style="height: 20px; width: 60px;" onclick="doit();">
<br/>
<br/>
Вас зовут:
<div class="form2">
Здесь выводится значение взятое из поля ввода
</div>
<br/>
<div class="form2">
Здесь выводится значение взятое из поля ввода,
</div>
Добро пожаловать на наш сайт
</body>
|
saves7,
так добавьте следующий элемент или напишите цикл по классу |
Спасибо, теперь все как надо. Думал как в css, стили прописанные для одного класса распространяются на все элементы этого класса без указания порядковых номеров.
|
| Часовой пояс GMT +3, время: 23:11. |