jQueryの基本的な関数 serialize()
| 目次 |
|---|
|
・jQueryの基本的な関数 serialize() ・サンプルソース ・実行例 |
jQueryの基本的な関数 serialize()
form内の要素を文字列データにシリアライズする関数です。
サンプルソース
<html>
<head>
<title></title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
$(document).ready(function(){
function showValues() {
var str = $("#test_form").serialize();
$("#result").text(str);
}
$("select").change(showValues);
});
</script>
</head>
<body>
<form id="test_form">
<p>
<input type="text" id="text" name="text" />
<select name="select">
<option>test1</option>
<option>test2</option>
</select><br />
</p>
</form>
<div id="result"></div>
</body>
</html>
実行例
以下、実行例です。セレクトボックスが変わった場合のみクエリ文字列が表示されます。
Information
