Выведите все переменные формы в javascript (похоже на print_r () в php)

Question

Я просто хочу вывести все имена форм и связанные с ними переменные в окно предупреждения, чтобы помочь мне что-то отладить. Я бы просто использовал firebug или что-то еще, но проблема существует только в IE (и инструменты разработчика IE не кажутся очень полезными в этом случае.)

Я предполагаю, что мне просто нужен цикл for, но я не уверен, как предоставить ему массив ключей формы ..

Спасибо, Джон.

Answer 1

с использованием JSON + jquery:

var formObject = {};

$('form input, form textarea, form select').each(function(){
  formObject[$(this).attr('name')] = $(this).val();
});

alert(JSON.stringify(formObject));

edit: в действии http://jsfiddle.net/RaPVf/

примечание: для 7 и ниже вам необходимо включить JSON2.js

Answer 2

Я взял этот вопрос, чтобы повеселиться в навигации по DOM. Проверьте это и попробуйте ^^

<script type="text/javascript">
  var msg = "";
  var myNode = document.firstChild;
  var breaker = myNode.nodeName;
  var flag = true;
  while(flag)
  {
    msg += myNode.nodeName + " - " + myNode.nodeValue + "; ";
    if(myNode.hasChildNodes())
    {
        myNode = myNode.firstChild;
    }
    else
    {
        while(myNode.nextSibling == null && flag)
        {
            myNode = myNode.parentNode;
            if(myNode.nodeName == breaker)
                flag = false;
        }
        if(flag)
           myNode = myNode.nextSibling;   
    }
  }
  alert(msg);
  </script>

(вставить в конец страницы)