Выбор всех полей из div
 

Как по нажатию определенной кнопки (ее id известен) выбрать все поля из div с классом hello (количество полей заранее не известно и постоянно меняется), и отправить get запросом на handler.php
Тоесть есть такое:

<div class="hello"><input type=text name="text1"><input type=text name="text2"></div><input type=submit id="submit">

Жмем на #submit и отправляются (get) ВСЕ значения полей из .hello в формате name(поля): значение

Как вариант...

<div class="hello">
	<input type=text name="text1" value='txt0' />
	<input type=text name="text2" value='txt1' />
</div>
<input type='submit' id="submit" />
<script type='text/javascript'>
document.getElementById('submit').onclick=function(){
	var o=document.querySelectorAll('.hello > input');
	o.forEach(function(Obj){
		alert(Obj.name+': '+Obj.value);
	});
};
</script>

ksa, спасибо, да, то что надо. Но можно с помощью jquery сделать и сделать не алерт, а сразу отправку с помощью get, просто не понимаю как с циклом быть, ведь если в цикл засунуть $.get(бла бла бла) то он отправит 2! Запроса, а надо чтобы все значения полей отправились одним запросом.

Andreysolomon,

$(function() {
$("form").submit(function(event) {
     event.preventDefault();
     $.get("url", $(".hello > input").serialize(),function(data) {
})
})
});

рони, вау, все проще чем казалось и без циклов) спасибо!