Как вывести <input>
Подскажите, пожалуйста, как вывести значение которое было введено в поле <input>.
<input id="name" type='text' name='name'> <div id="name"></div> |
<html>
<head>
</head>
<body>
<input id="name" type='text' name='name'>
<div id="name"></div>
<script>
a=document.querySelectorAll("#name")
a[0].oninput=function(){a[1].innerHTML=this.value}
</script>
</body>
</html>
|
Большое спасибо.
|
losos100, не учи новичков плохому, объявляй переменные с var. ID уникален, он не может быть более, чем один. И искать ID через querySelectorAll смысла нет, ибо такого элемента не может быть более, чем одного.
|
Цитата:
Цитата:
<div id="haha">1</div>
<div id="haha">2</div>
<script>
alert("Number of elements found: " + document.querySelectorAll('#haha').length);
</script>
|
devote, у рукожопов и не такое может быть ))
|
Цитата:
А по ID, например я не нашел в спеке запрета использовать один ID на нескольких элементах. Там есть лишь рекомендация. Но никак не запрет. И эта рекомендация была написана по причине того, что раньше не было возможности искать коллекцию по ID. Так как давно придумали метод getElementById который возвращает лишь первый найденный, но с появлением метода querySelectorAll эта рекомендация не особо то и актуальна |
devote, найдёт то понятное дело, что найдёт, ведь тут идёт поиск по селектору, а не по ID. Но по логике такого быть не должно, ID должен быть один.
А пример лосося100 - изврат. |
Ruslan_xDD,
Ты в код ТСа загляни, для разнообразия. |
Цитата:
А к какому элементу скролить при переходе по url#anchor? А на какой элемент ссылаться должна магическая переменная window.myId? А на какой элемент должна ссылаться метка <label for> ? |
danik.js,
первый совпавший... просто берут самый верхний в списке и его юзают.. |
Цитата:
|
Решил использовать data-target в инете нашел.
<input data-target="#name"> <div id="name"></div> Все работает, даже в IE. Хотел поинтересоваться у специалистов насколько это правильно и какие здесь есть подводные камни. С ув. |
Цитата:
data-pizdata data-borodata Можешь назвать как хочешь, главное чтобы начиналось с data-. На самом деле можешь игнорировать это правило, проблема будет только в невалидности HTML и возможном конфликте имен. Пользовательские атрибуты работают везде, даже в IE5.5 Правда в новых (HTML5) браузерах к ним упрощен доступ из js:
var input = document.querySelector('input');
var target = input.dataset.target; // вместо input.getAttribute('data-target')
|
| Часовой пояс GMT +3, время: 10:28. |