elementsオブジェクトを利用して、項目の値を取得・設定するサンプル
elements.html
<html>
<script language="javascript">
//submitイベント
function getonsubmit(){
alert('submit');
}
//Elementを使用して値の取得
function getelements(){
var r ;
r = '';
for(var j=0;j<document.forms.length;j++){
//フォームの取得
var f=document.forms[j];
for(var i=0;i<f.elements.length;i++){
//エレメントの取得
var e=f.elements[i];
if(e.type=='hidden'){
r+='[hidden:'+escape(e.name)+']';
}
if(e.type=='checkbox'||e.type=='radio'){
r+=e.checked;
}else{
r+=escape(e.value);
}
r+= ',';
}
}
alert(r);
}
//Elementを使用して値を設定
function setelements(){
//テキストに値をセット
document.forms['form1'].elements['text1'].value = 'harada';
//innertextに値をセット
document.getelementbyid("descriptiontext").innertext = 'sample';
}
</script>
<form name = "form1" >
<script language="javascript">
//イベントとファンクションのマッピング
document.form1.onsubmit=getonsubmit;
</script>
<label id="descriptiontext">さんぷる</label>
<input type="text" name ="text1" value="1" />
<input type="text" name ="text2" value="2" />
<input type="button" name ="btget" onclick="getelements()" value="get" />
<input type="button" name ="btset" onclick="setelements()" value="set" />
<input type="submit" name ="btsubmit" value="sumbit" />
</form>
</html>
