使用表单元素展示关联数组

//获取表单元素的名称和值

function getValue(){

  var elems = document.getElementById('picker').elements;

  var elemArray = new Object();

  for(var i = 0; i < elems.length; i++){

    if(elems[i].type == 'text'){

      elemArray[elems[i].id] = elems[i].value;

    }

  }

  checkVals(elemArray);

  return false;

}

//检查值

function checkVals(elemArray){

  var str = '';

  for(var key in elemArray){

    str += key + ',' + elemArray[key] + ' ';

  }

  document.getElementById('result').innerHTML = str;

}

//HTML代码

<form id='picker' onsubmit='return getValue()'>

<input type='text' id='first' />

<input type='text' id='second' />

<input type='text' id='third' />

<input type='text' id='four' />

<input type='submit' id='Validate' />

</form>

<div id='result'></div>

原文地址:https://www.cnblogs.com/laborc/p/3074853.html