Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS Перебрать все элементы в форме и получить их значения / 25 сообщений из 31, страница 1 из 2
28.09.2011, 09:37
    #37458382
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Здравствуйте!

Спасайте, горю. Вроде бы и задача не сложная, но потерялся что-то.
Есть динамически создаваемый набор полей типа text с именами от idN до idNN. Значение N может быть произвольным.

Мне необходимо
1. Получить значения каждого элемента
2. Построить итоговое выражение типа 'idN = его значение

Подскажите, плиз, как это сделать

П.С.: Все элементы находятся в форме
...
Рейтинг: 0 / 0
28.09.2011, 09:40
    #37458387
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Foxter , так имена или ИД?
...
Рейтинг: 0 / 0
28.09.2011, 09:45
    #37458396
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
krvsa,
id = "idN"
...
Рейтинг: 0 / 0
28.09.2011, 10:00
    #37458414
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
FoxterПодскажите, плиз, как это сделать
Вообще-то, притаком раскладе, тебе нужно делать тестовый пример... Но как вариант:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
function Go() {
	var o=$('#myfrm input[type="text"]')
	var i,str='',d=''
	for (i= 0 ; i<o.length; i++) {
		if (o[i].id.substring( 0 , 2 )!='id') continue
		str+=d+o[i].id+'='+o[i].value
		d='\n'
	}
	alert(str)
}
</script>
</head>
<body>
<form id='myfrm'>
	<input id='id1' type='text' value=' 01 ' />
	<input id='id2' type='text' value=' 02 ' />
	<input id='test' type='text' value='test' />
	<input id='id3' type='text' value=' 03 ' />
	<input type='button' value='Go' onclick='Go()' />
</form>
</body>
</html>
...
Рейтинг: 0 / 0
28.09.2011, 10:03
    #37458420
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Спасибо, сейчас попробую разобраться. И... обращусь, если что. ОК?
...
Рейтинг: 0 / 0
28.09.2011, 10:26
    #37458462
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Я так понял это решено с подключением JQuery?
...
Рейтинг: 0 / 0
28.09.2011, 10:27
    #37458466
junb1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
вот попроще код :)
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
function Go() {
	var str="";
	$('#myfrm input[type=text][id^=id]').each(
		function()
		{
			str+=this.id+'='+this.value+'\n';
		}
	);
	alert(str);
}
</script>
</head>
<body>
<form id='myfrm'>
	<input id='id1' type='text' value=' 01 ' />
	<input id='id2' type='text' value=' 02 ' />
	<input id='test' type='text' value='test' />
	<input id='id3' type='text' value=' 03 ' />
	<input type='button' value='Go' onclick='Go()' />
</form>
</body>
</html>
...
Рейтинг: 0 / 0
28.09.2011, 10:28
    #37458469
junb1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
FoxterЯ так понял это решено с подключением JQuery?
да
...
Рейтинг: 0 / 0
28.09.2011, 10:36
    #37458488
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Блин, подключение библиотек использовать не могу. Нужен "чистый" js-код
...
Рейтинг: 0 / 0
28.09.2011, 10:38
    #37458492
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
junb1вот попроще код :)
Я только начинаю использовать JQ...
...
Рейтинг: 0 / 0
28.09.2011, 10:39
    #37458494
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
FoxterБлин, подключение библиотек использовать не могу. Нужен "чистый" js-код
$20...
...
Рейтинг: 0 / 0
28.09.2011, 10:39
    #37458497
junb1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
FoxterБлин, подключение библиотек использовать не могу. Нужен "чистый" js-код
тогда пробуй перебирать через
Код: plaintext
document.getElementById("myfrm").elements.item(.....).id
...
Рейтинг: 0 / 0
28.09.2011, 10:49
    #37458524
junb1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
krvsaЯ только начинаю использовать JQ...
обращайся если чего, помогу ;)
...
Рейтинг: 0 / 0
28.09.2011, 10:54
    #37458536
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
krvsaFoxterБлин, подключение библиотек использовать не могу. Нужен "чистый" js-код
$20...
$15
...
Рейтинг: 0 / 0
28.09.2011, 11:32
    #37458643
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
junb1обращайся если чего, помогу ;)
Я и сам не промах... Учебник уже скачал...

Например твой вариант еще можно "упростить":

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
function Go() {
	var str="";
	$('#myfrm :text[id^=id]').each(
		function(){
			str+= this .id+'='+ this .value+'\n';
		}
	);
	alert(str);
}
...
Рейтинг: 0 / 0
28.09.2011, 13:26
    #37458920
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Ребята, может кто-нибудь займется делом и поможет человеку с кодом на чистом js
...
Рейтинг: 0 / 0
28.09.2011, 13:28
    #37458925
pilot911
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
может проще вот так:

Код: plaintext
 var  form_data=$('#myfrm').serializeArray();

на выходе получишь массив типа:

[
{
name: "a",
value: "1"
},
{
name: "b",
value: "2"
},
{
name: "c",
value: "3"
},
{
name: "d",
value: "4"
},
{
name: "e",
value: "5"
}
]
...
Рейтинг: 0 / 0
28.09.2011, 13:29
    #37458927
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Foxter,

так все делом и занимаются...
я вот - сайт тестирую..
...
Рейтинг: 0 / 0
28.09.2011, 14:04
    #37459001
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
FoxterРебята, может кто-нибудь займется делом и поможет человеку с кодом на чистом js
Цены мы тебе уже написали... Т.ч. дело за тобой.
...
Рейтинг: 0 / 0
28.09.2011, 14:42
    #37459126
junb1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Foxter,

тынц
...
Рейтинг: 0 / 0
29.09.2011, 09:31
    #37460258
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
pilot911может проще вот так:

Код: plaintext
 var  form_data=$('#myfrm').serializeArray();

на выходе получишь массив типа:

[
{
name: "a",
value: "1"
},
{
name: "b",
value: "2"
},
{
name: "c",
value: "3"
},
{
name: "d",
value: "4"
},
{
name: "e",
value: "5"
}
]

Но опять же JQuery :(
...
Рейтинг: 0 / 0
30.09.2011, 11:23
    #37462502
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
krvsaFoxterРебята, может кто-нибудь займется делом и поможет человеку с кодом на чистом js
Цены мы тебе уже написали... Т.ч. дело за тобой.

А как же профессиональная взаимопомощь? Но мне кажется, что Вы даже за деньги не способны это сделать. Так как без JQuery никуда. Да?
...
Рейтинг: 0 / 0
30.09.2011, 11:57
    #37462602
няка
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
Foxter,

обвинять krvsa в том что он без JQuery никуда это просто лол из лолов
...
Рейтинг: 0 / 0
30.09.2011, 12:01
    #37462606
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
А мне кажется, толсто.
Вопрос банален, но в ответе многабукв, потому пофиг всем, кроме Яндекса . Он доставил 7ю ссылку.
...
Рейтинг: 0 / 0
03.10.2011, 12:46
    #37465008
Сирин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS Перебрать все элементы в форме и получить их значения
querySelectorAll() . Без jQuery!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS Перебрать все элементы в форме и получить их значения / 25 сообщений из 31, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]