value поля ввода текста

@fr0zed · Регистрация: 13.03.2012

как мне через функцию передать значение текстового поля с

HTML5

name=1_1

в поле

HTML5

name=2_1

при нажатии кнопки?
я вот так попробывал, но знаю что синтаксис не такой, поправте пожалуйста:

HTML5

1 2	function z1() { document.id=1_1.value=document.id=2_1.value; }

как его правильно записать?

Добавлено через 37 минут
+подскажите как вывести данные с 3х полей в другое?
я так подозреваю с помощью массива, но как это реализовать?

HTML5

<HTML>
<body>
<h1 align=center>Poll</h1>
<table width=100% border=1 cols=2>
<TR> <td COLSPAN=3></td><td ROWSPAN=2>    <input type=text> </td></TR>
<TR>
<TD><input type=text value=Иванов></TD>
<tr>
<TD ><input type=text value=Иван></TD>
<tr>
<TD><input type=text value=Иванович></TD>
</table>
<input type=button value=Show> <input type=button value=Cancle>
<script language=javascript>

ножно что бы в правом поле отображалось полностью 3 слова - Иванов Иван Иванович

@kalabuni · 12.05.2012, 13:16

1. Странно... пишете, что знаете только имена (name), а обратиться пытаетесь по "фамилии" (id).
Обращаться к тегам надо по тем из их свойств, которые известны.
Известны имена (name) - через коллекцию getElementsByName ('здесь значение name') [здесь индекс];
Известны идентификаторы (id) - через коллекцию getElementById ('здесь идентификатор id')

2. Запомните на будущее, что в HTML и в Javascript'e имена - они "царские".
В смысле... что вот были у нас цари Пётр Первый, Александр Третий, Николай Второй, а был и просто царь Алексей (без номера, отец Петра Первого).
Царей как называют?
Правильно, сначала - имя, а потом - номер (если есть). Но никак не наоборот.
Не говорят - Первый Пётр, Третий Александр, Шестнадцатый Людовик... не принято так.

Так вот и в HTML - любые значения имён, идентификаторов должны начинаться с буквы.

А вы вообще только по номерам решили к царям/королям обращаться - "Эй, Первый! Пшёл отсюда, Второй! Твой номер Шестнадцатый"...
Цари - они ж не поймут, к которому из них вы обращаетесь

@fr0zed · 12.05.2012, 14:19 **[ТС]**

понял, не так задавал имена, но тем не мение:

HTML5

<HTML>
<body>
<script language=javascript>
function add() {
p4= document.getElementsByName(p1)[1]+document.getElementsByName(p2)[2]+document.getElementsByName(p3)[3];
return p4 }
</script>
 
<h1 align=center>Poll</h1>
<table width=100% border=1 cols=2>
<TR> <td COLSPAN=3></td><td ROWSPAN=2>    <input type=text name=p4> </td></TR>
<TR>
<TD><input type=text value=Иванов name=p1 id=1></TD>
<tr>
<TD ><input type=text value=Иван name=p2 id=2></TD>
<tr>
<TD><input type=text value=Иванович name=p3 id=3></TD>
</table>
<input type=button value=Show onclick='add()'> <input type=button value=Cancle>

функция не работает =(

@kalabuni · 12.05.2012, 15:04

Увы, не до конца вы меня поняли.
1. И имена, и идентификаторы должны начинаться с буквы.
Перечитайте выше - я об этом писал.

2. И не забывайте в HTML-коде ВЕЗДЕ после знака равенства ставить кавычки.
Новые стандарты уже требуют их ОБЯЗАТЕЛЬНО ставить.

Вот так будет правильно:

<input type="text" value="Иванов" name="p1" id="bukva1">

Переделайте и все прочие строки HTML-кода по образцу.
Везде-везде... и где COLSPAN, и где ALIGN и т.д. и т.п. - везде значения (которые после знака равенства) должны быть закавычены.

----
3. В коде функции у вас тоже дело в отсутствии кавычек.
Внутри круглых скобок метода getElementsByName () надо прописывать значения в кавычках
Т.е. так - getElementsByName ('p1')

4. Но и не только в кавычках дело

Внутри квадратных скобок метода getElementsByName () надо прописывать индекс элемента с именем, указанным в круглых скобках.
Поясняю.
Людей с именем Остап может быть много.
А вот с фамилией Бендер-Задунайский - всего один. Ибо эта фамилия уникальна.

Так вот, в HTML разрешается нескольким элементам на странице давать одинаковые имена (name).
Поэтому в методе getElementsByName () и имеется буквочка s, что означает множественное число.
И вот среди элементов с одним и тем же именем их различают по индексам - от нулевого и до последнего. Даже если элемент с именем name="p1" на странице у вас всего один, то всё-равно метод getElementsByName ('p1') вернёт вам коллекцию имён (но с одним всего членом коллекции). И чтобы к нему обратиться, надо прописать в квадратных скобках индекс [0].
А вот если "p1" будет у двух и более тегов на странице (не один Остап, а несколько), то к ним обращаться надо будет ('Остап') [0], ('Остап') [1], ('Остап') [2] и т.д.

А идентификаторы - те должны быть уникальны (как Бендер-Задунайский). Потому и в названии метода говорится про один-единственный элемент - getElementById ()
Никаких нулевых, первых... шестнадцатых Бендер-Задунайских быть не должно.
Поняли?
-----

4. Далее, вы что хотите сложить в своей функции?
Правильно, вы хотите сложить ЗНАЧЕНИЯ этих элементов (которые в атрибуте value).
А складываете не значения, а сами ТЕГИ (в кучку один на другого, что ли?).

5. И куда вы хотите всю эту "кучку" сложить?
На четвёртый тег положить хотите (интересно - сверху положить на тег собираетесь, или у него, как у кенгуру, сумка имеется?)

Нельзя сложить тег с тегом.
Сложить можно значение одного тега со значением другого тега.
А значение тега <INPUT> - оно в атрибуте VALUE этого тега.
И поместить результат тоже надо в атрибут VALUE.
-----

6. И, наконец, вы хотели результат-то получить с пробелами между именем, отчеством и фамилией. И где ж их взять, эти пробелы?

В общем, я начну, а вы сами продолжите:

document.getElementsByName ('p4') [0].value = document.getElementsByName ('p1') [0].value + ' ' + document.getElementsByName ('p2') [0].value а далее сами
-----

7. Никаких return'ов в вашей функции не требуется.
В ней должна быть всего одна строчка, которую, я надеюсь, вы правильно дописать сможете.

PS. А что у вас кнопка со странным именем Canсle делает? Она для красоты у вас?

@fr0zed · 12.05.2012, 15:18 **[ТС]**

нет, она должна очищать поле, с Вашей помощью я её реализовал

@kalabuni · 12.05.2012, 15:41

Покажете? Похвастаетесь?

@Воваша · 12.05.2012, 20:59

kalabuni, то есть

HTML5

1	getElementsByName('p1')[1]

p1 это name, а 1 это id , я правильно понял?

@kalabuni · 12.05.2012, 21:43

Читать не умеете?
Сколько раз и с какого этажа мама роняла вас в детстве?
Вроде бы всё разжевал...

ОБРАЩЕНИЕ к тегу по его ИМЕНИ (по значению атрибута NAME)

Пример HTML-страницы:

<input type="radio" name="hahaha"> 
<input type="radio" name="hahaha"> 
<input type="radio" name="hahaha"> 

Через коллекцию getElementsByName () можно обратиться:
* к первому тегу (самому верхнему) -- document.getElementsByName ('hahaha') [0]
* ко второму тегу (посерёдке который) -- document.getElementsByName ('hahaha') [1]
* к третьему тегу (нижнему) -- document.getElementsByName ('hahaha') [2]

Идентификатор id тут совершенно ни причём.
-----
-----

ОБРАЩЕНИЕ к тегу по ИДЕНТИФИКАТОРУ (по значению атрибута ID)

Пример HTML-страницы:

<input type="text" id="bebebe"> 
<input type="text" id="bebebe"> 
<input type="text" id="bebebe"> 

С помощью метода getElementById () можно обратиться:
* к первому тегу (самому верхнему) -- document.getElementById ('bebebe')
* ко второму тегу (посерёдке который) -- обратиться этим методом НЕЛЬЗЯ
* к третьему тегу (нижнему) -- обратиться этим методом НЕЛЬЗЯ
Потому что id должен быть уникальным на странице и метод getElementById () видит и возвращает только самый первый такой тег.

@Воваша · 12.05.2012, 21:52

kalabuni, понятно. Спасибо.

@kalabuni супермизантроп 3935 / 2974 / 691 Регистрация: 18.04.2012 Сообщений: 8,623
	12.05.2012, 13:16	2
	1. Странно... пишете, что знаете только имена (name), а обратиться пытаетесь по "фамилии" (id). Обращаться к тегам надо по тем из их свойств, которые известны. Известны имена (name) - через коллекцию getElementsByName ('здесь значение name') [здесь индекс]; Известны идентификаторы (id) - через коллекцию getElementById ('здесь идентификатор id') 2. Запомните на будущее, что в HTML и в Javascript'e имена - они "царские". В смысле... что вот были у нас цари Пётр Первый, Александр Третий, Николай Второй, а был и просто царь Алексей (без номера, отец Петра Первого). Царей как называют? Правильно, сначала - имя, а потом - номер (если есть). Но никак не наоборот. Не говорят - Первый Пётр, Третий Александр, Шестнадцатый Людовик... не принято так. Так вот и в HTML - любые значения имён, идентификаторов должны начинаться с буквы. А вы вообще только по номерам решили к царям/королям обращаться - "Эй, Первый! Пшёл отсюда, Второй! Твой номер Шестнадцатый"... Цари - они ж не поймут, к которому из них вы обращаетесь 0

@kalabuni супермизантроп 3935 / 2974 / 691 Регистрация: 18.04.2012 Сообщений: 8,623
	12.05.2012, 15:04	4
	Увы, не до конца вы меня поняли. 1. И имена, и идентификаторы должны начинаться с буквы. Перечитайте выше - я об этом писал. 2. И не забывайте в HTML-коде ВЕЗДЕ после знака равенства ставить кавычки. Новые стандарты уже требуют их ОБЯЗАТЕЛЬНО ставить. Вот так будет правильно: <input type="text" value="Иванов" name="p1" id="bukva1"> Переделайте и все прочие строки HTML-кода по образцу. Везде-везде... и где COLSPAN, и где ALIGN и т.д. и т.п. - везде значения (которые после знака равенства) должны быть закавычены. ---- 3. В коде функции у вас тоже дело в отсутствии кавычек. Внутри круглых скобок метода getElementsByName () надо прописывать значения в кавычках Т.е. так - getElementsByName ('p1') 4. Но и не только в кавычках дело Внутри квадратных скобок метода getElementsByName () надо прописывать индекс элемента с именем, указанным в круглых скобках. Поясняю. Людей с именем Остап может быть много. А вот с фамилией Бендер-Задунайский - всего один. Ибо эта фамилия уникальна. Так вот, в HTML разрешается нескольким элементам на странице давать одинаковые имена (name). Поэтому в методе getElementsByName () и имеется буквочка s, что означает множественное число. И вот среди элементов с одним и тем же именем их различают по индексам - от нулевого и до последнего. Даже если элемент с именем name="p1" на странице у вас всего один, то всё-равно метод getElementsByName ('p1') вернёт вам коллекцию имён (но с одним всего членом коллекции). И чтобы к нему обратиться, надо прописать в квадратных скобках индекс [0]. А вот если "p1" будет у двух и более тегов на странице (не один Остап, а несколько), то к ним обращаться надо будет ('Остап') [0], ('Остап') [1], ('Остап') [2] и т.д. А идентификаторы - те должны быть уникальны (как Бендер-Задунайский). Потому и в названии метода говорится про один-единственный элемент - getElementById () Никаких нулевых, первых... шестнадцатых Бендер-Задунайских быть не должно. Поняли? ----- 4. Далее, вы что хотите сложить в своей функции? Правильно, вы хотите сложить ЗНАЧЕНИЯ этих элементов (которые в атрибуте value). А складываете не значения, а сами ТЕГИ (в кучку один на другого, что ли?). 5. И куда вы хотите всю эту "кучку" сложить? На четвёртый тег положить хотите (интересно - сверху положить на тег собираетесь, или у него, как у кенгуру, сумка имеется?) Нельзя сложить тег с тегом. Сложить можно значение одного тега со значением другого тега. А значение тега <INPUT> - оно в атрибуте VALUE этого тега. И поместить результат тоже надо в атрибут VALUE. ----- 6. И, наконец, вы хотели результат-то получить с пробелами между именем, отчеством и фамилией. И где ж их взять, эти пробелы? В общем, я начну, а вы сами продолжите: document.getElementsByName ('p4') [0].value = document.getElementsByName ('p1') [0].value + ' ' + document.getElementsByName ('p2') [0].value а далее сами ----- 7. Никаких return'ов в вашей функции не требуется. В ней должна быть всего одна строчка, которую, я надеюсь, вы правильно дописать сможете. PS. А что у вас кнопка со странным именем Canсle делает? Она для красоты у вас? 2

@fr0zed 0 / 0 / 0 Регистрация: 13.03.2012 Сообщений: 42
	12.05.2012, 15:18 [ТС]	5
	нет, она должна очищать поле, с Вашей помощью я её реализовал 0

@kalabuni супермизантроп 3935 / 2974 / 691 Регистрация: 18.04.2012 Сообщений: 8,623
	12.05.2012, 15:41	6
	Покажете? Похвастаетесь? 0

@kalabuni супермизантроп 3935 / 2974 / 691 Регистрация: 18.04.2012 Сообщений: 8,623
	12.05.2012, 21:43	8
	Читать не умеете? Сколько раз и с какого этажа мама роняла вас в детстве? Вроде бы всё разжевал... ОБРАЩЕНИЕ к тегу по его ИМЕНИ (по значению атрибута NAME) Пример HTML-страницы: <!-- атрибут name="hahaha" и тегов с таким именем 3 штуки на странице --> <input type="radio" name="hahaha"> <!-- первый на странице с именем hahaha - индекс 0 --> <input type="radio" name="hahaha"> <!-- второй на странице с именем hahaha - индекс 1 --> <input type="radio" name="hahaha"> <!-- третий на странице с именем hahaha - индекс 2 --> Через коллекцию getElementsByName () можно обратиться: * к первому тегу (самому верхнему) -- document.getElementsByName ('hahaha') [0] * ко второму тегу (посерёдке который) -- document.getElementsByName ('hahaha') [1] * к третьему тегу (нижнему) -- document.getElementsByName ('hahaha') [2] Идентификатор id тут совершенно ни причём. ----- ----- ОБРАЩЕНИЕ к тегу по ИДЕНТИФИКАТОРУ (по значению атрибута ID) Пример HTML-страницы: <!-- атрибут id="bebebe" и тегов с таким идентификатором 3 штуки на странице --> <input type="text" id="bebebe"> <!-- первый на странице с идентификатором bebebe --> <input type="text" id="bebebe"> <!-- второй на странице с идентификатором bebebe --> <input type="text" id="bebebe"> <!-- третий на странице с идентификатором bebebe --> С помощью метода getElementById () можно обратиться: * к первому тегу (самому верхнему) -- document.getElementById ('bebebe') * ко второму тегу (посерёдке который) -- обратиться этим методом НЕЛЬЗЯ * к третьему тегу (нижнему) -- обратиться этим методом НЕЛЬЗЯ Потому что id должен быть уникальным на странице и метод getElementById () видит и возвращает только самый первый такой тег. 1

@Воваша 26 / 26 / 2 Регистрация: 10.05.2012 Сообщений: 120
	12.05.2012, 21:52	9
	kalabuni, понятно. Спасибо. 0

Опции темы