javascriptを使用してフォーム内の各要素の値を返します

javascriptを使用してこれを行う方法はありますか？ありがとうございました！あなたはjQuery.serialize()javascriptを使用してフォーム内の各要素の値を返します

を見てかかることがあります

var arr = document.forms[0].elements; 
for (var i = 0; i < arr.length; i++) { 
    var el = arr[i]; 
    // do something with it. 
    console.log(el.value) // or similar 
}

出典

2011-07-11 xnickx5757

基本的なJavaScriptが...それは、標準のURLエンコードされた文字列をバック与えます。しかし、すばらしいことは、さまざまな種類のフォーム要素すべての値を取得することです。

出典

2011-07-11 20:29:40

基本、まだので見落とさ：

 function getFormVals(form) { var values = []; for(var i = 0, len = form.elements.length; i < len; i++) { var input = form.elements[i]; switch (input.type.toLowerCase()) { case "checkbox": values[input.name] = values[input.name] || []; if (input.checked) { values[input.name].push(input.value); } break; case "radio": values[input.name] = values[input.name] || ""; if (input.checked) { values[input.name] = input.value; } break; case "select-multiple": values[input.name] = values[input.name] || []; for (var i = 0, len = input.length; i < len; i++) { if (input[i].selected) { values[input.name].push(input[i].value); } } break; default: values[input.name] = input.value; break; } } return values; }

使用量がある可能性があります。 –

フォームは名前でアクセスできることにも注意してください： 'document.forms ['formName']。elements '' – RobG

@RobG：確かに可能ですが、この方法は完全に移植性があり、ページおよび/またはフォーム –

出典

2011-07-11 20:30:04

質問が「Javascriptのみを使用している」と言うと、通常はjQueryの使用をdownvoteしますが、OPがその違いを知っているとは思われません:) –

要件が不明確で、jQueryベースのソリューションが妥当でした:) –

jQueryは尋ねられておらず、シリアライズもされておらず、既に良い解決策があります。しかし、ダウンホートはありません。私はそれを意味するものではありません。 :-) – RobG

thisをご覧ください。これらの人は、純粋なJSだけを使用してフォームをシリアライズするものを構築しました。

出典

2011-07-11 20:32:46 joern

この関数は、すべてのフォーム要素を連想配列として返します。また、選択された複数の入力要素のすべての値を返します。

<form onsubmit="var vals = getFormVals(this); alert(vals['myinput']);" > 
    <input type="checkbox" name="myinput" value="ckbx1" /> 
    <input type="checkbox" name="myinput" value="ckbx2" /> 
    <input type="submit" /> 
</form>

出典

2011-08-14 03:23:18 br3nt

javascriptを使用してフォーム内の各要素の値を返します

答えて

関連する問題