<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src = "js/jquery_1.4.2.js"></script>
<script type="text/javascript">
<!--
$(function(){
$("#detail").click(function(){
var $form = $("<form method = 'get' ></form>");
$("#container :input").each(function(){
var $inputTarget = $(this);
var name = $(this).attr("name");
var value = "";
var type= $(this).attr("type");
switch(type){
case "checkbox":
value = $inputTarget.attr("checked");
if(value == true){
var $input = $("<input type = 'text' />");
$input.attr("name",name).val($inputTarget.val());
$form.append($input);
}
break;
case "radio":
value = $inputTarget.attr("checked");
if(value == true){
var $input = $("<input type = 'text' />");
$input.attr("name",name).val($inputTarget.val());
$form.append($input);
}
break;
case "text":
value = $inputTarget.val();
var $input = $("<input type = 'text' />");
$input.attr("name",name).val($inputTarget.val());
$form.append($input);
break;
case "select":
var $input = $("<input type = 'text' />");
$input.attr("name",name).val($inputTarget.val());
$form.append($input);
break;
case "select-one":
var $input = $("<input type = 'text' />");
$input.attr("name",name).val($inputTarget.val());
$form.append($input);
break;
case "textarea":
var $input = $("<input type = 'text' />");
$input.attr("name",name).val($inputTarget.val());
$form.append($input);
break;
};
});
$form.attr("action","#");
$form.appendTo($(document.body));
$form.submit();
$form.remove();
});
});
//-->
</script>
</head>
<body>
<div id = "container">
<input type = "text" name = "name" value = "name"/>
<input type = "checkbox" name = "checkbox" value = "checkbox"/>
<input type = "checkbox" name = "checkbox" value = "checkbox1"/>
<input type = "checkbox" name = "checkbox" value = "checkbox2"/>
<input type = "radio" name = "radio" value = "radio"/>
<input type = "radio" name = "radio" value = "radio1"/>
<input type = "radio" name = "radio" value = "radio2"/>
<select name = "select">
<option value = "first">first</option>
<option value = "first1">first1</option>
<option value = "first2">first2</option>
</select>
<textarea name = "textarea">textarea</textarea>
<input type = "button" id = "detail" value = "detail" />
</div>
</body>
</html>
选择需要的数据提交
最新推荐文章于 2024-08-09 06:13:01 发布