И так, для начала, хочу всех поприветствовать.

Мне иногда приходится работать с большим количеством всякие инпутов, селектов и текстарей. Приходится постоянно получать их значения, т.к. данные отправляются аяксом. Меня это уже так достало, что я решил, что с этим надо что-то делать. И вот, что я придумал:

    user_data = {};
    function getData(parent) {       
	   
        //Обходим всех детей текущего элемента
        for(var childItem in parent.childNodes) {
            var this_obj = parent.childNodes[childItem];
            
            if(this_obj.nodeType == 1) {
                
                //Обрабатываем все input
                if(this_obj.tagName == 'INPUT' && this_obj.type == 'text')
                    user_data[this_obj.name] = this_obj.value;
                
                //Обрабатываем все checkbox
                if(this_obj.tagName == 'INPUT' && this_obj.type == 'checkbox')
                    user_data[this_obj.name] = this_obj.checked;
                
                //Обрабатываем все radio
                if(this_obj.tagName == 'INPUT' && this_obj.type == 'radio' && this_obj.checked == true)
                    user_data[this_obj.name] = this_obj.value;
                    
                //Обрабатываем все select
                if(this_obj.tagName == 'SELECT')
                    user_data[this_obj.name] = this_obj.value;
                
                //Обрабатываем все textarea
                if(this_obj.tagName == 'TEXTAREA')
                    user_data[this_obj.name] = this_obj.value;
            }
            
            getData(this_obj);
       }

<div id="div_form">
<table>
    <tr>
        <td>Имя</td>
        <td><input type="test" name="fname"/></td>
    </tr>
    <tr>
        <td>Фамилия</td>
        <td><input type="test" name="lname"/></td>
    </tr>
    <tr>
        <td>Страна</td>
        <td><input type="test" name="country"/></td>
    </tr>
    <tr>
        <td>Город</td>
        <td><input type="test" name="city"/></td>
    </tr>
    <tr>
        <td>JavaScript</td>
        <td><input type="checkbox" name="js"/></td>
    </tr>
    <tr>
        <td>PHP</td>
        <td><input type="checkbox" name="php"/></td>
    </tr>
    <tr>
        <td>Пол</td>
        <td>
            <select name="sex">
                <option>Выбрать</option>
                <option>М</option>
                <option>Ж</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Мне < 25</td>
        <td><input type="radio" name="age" value="<25"/></td>
    </tr>
    <tr>
        <td>Мне > 25</td>
        <td><input type="radio" name="age" value=">25"/></td>
    </tr>
    <tr>
        <td>О себе</td>
        <td>
            <textarea name="user_info"></textarea>
        </td>
    </tr>
    <tr>
        <td colspan="2"><input type="button" value="Получить данные" onclick="getData(this.parentNode.parentNode.parentNode.parentNode.parentNode);"/></td>
    </tr>
</table>
</div>

Эта функция рекурсивно обходи всех детей указанного элемента, собирая их всех селектов, инпутов, и текстарей их имена и значения. В процессе своей работы она формирует массив(объект), вида имя:значение.

В боевых условиях еще не испытывал ее, но думаю, что получить значения большой формы, без обработки каждого ее элемента вручную - очень удобно.

Как думает? И фигня все это?

P.S. Вот сейчас пришла в голову идея, о том, что бы еще и ссылку на сам объект, из которого данные достаются, сохранить, что бы его можно было обработать после(например подсветить).













_____________