AJAXのお勉強

prototype フォームの値を取得＠AJAX

フォームの値を取得します。

Form.serialize(フォームID)を利用することで取得ができます。
取得した値は、URLのパラメータ形式です。
XXX=AAA&XXX=BBB

URLエンコードもしてくれます。

以下では、Fromの値を取得してアラーと表示しています。


<html>
<head>
<title>prototype.js フォームの値を取得</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

function showForm() {
    var test = Form.serialize("form1");
    alert(test);
}

// -->
</script>
</head>
<body>

<form id="form1">
    <input type="text" name="txt"><BR>
    <select name="combo">
        <option value="1">Item1
        <option value="2">Item2
        <option value="3">Item3
        <option value="4">Item4
    </select>
    <BR>
    <input type="checkbox" name="chkbox"><BR>
    <BR>
    <input type="button" value="表示" onclick="showForm()">
</form>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.