すべてのフォーム値を取得するための JQuery 実装コード [IE はまだサポートされていません]

IE は現在
CSS をサポートしていません:

コードをコピーコードは次のとおりです:

body{
margin:0;
padding:0;
}
div{
margin:0;
padding:0;
}
.container{
margin-left:10%;
margin-right:10%;
}
ul li{
list-style:none;
}
ul {
🎜> パディング:0 10px;

width:300px;
パディング:0;
margin:0 10px 0 0 ;
ボーダー右: 1px solid #aeceeb;
}
#right {
-left：300px;
;
}
＆lt;/style＆gt;

js：

コードをコピー

コードは次のとおりです:

function form(){
$('#myform').submit(function() {
// テキスト値を取得
var tv = $("#mytxt"). val(),
tf = $(this).find(":input[type='text']").val(),
tn = $(this).find(":input[name] ='txtname']").val();
$("#result1").text(tv);
/*$("#result1").append("の値を取得できますテキストには以下の方法を使用します:
"
"" テレビ "" "
"
"

" '$("#mytxt").val()' "
"
'$(this).find(":input[type='text']").val( )' "
"
'$(this).find(":input[name='txtname']").val()' "
"
」

");
*/
//$("#result1").lay(30000).fadeOut();
//tv.attr(value, ''); clean value
// textarea 値を取得
var av = $("#myarea").val();
$("#result2").text(av);
/* $ ("#result2").append("textarea の値は、以下のメソッドを使用して取得できます:
"
"" av "" "
"
'

$("#myarea").val()'
"

");
*/
//$("#result2").lay(30000).fadeOut();
var str = "";
/* $("select").change(function () {
$ ("選択オプション:選択済み").each(function () {
str = $(this).val();
});
$("#result3").text(str) ;
})
.trigger('change');
*/
// $("select[name='garden'] option:selected") 複数ある場合 select
$("select[id='mysel'] option:selected").each(function () {
str = $(this).val();
});
$("#result3").text(str);
var str2 = "";
$("select[id='multisel'] option:selected").each(function) () {
str2 = $(this).val() " ";
});
$("#result4").text(str2);
var str3 = [];
$("input[name='checkme']:checked").each(function(){
str3.push($(this).val());
});
var oa = "";
$.each(str3, function(key,val){
oa = key ":" val;
});
$("#result5") .text(oa);
var ck = $("input[type='radio']:checked").val();
$("#result6").html( ck " がチェックされました! " );
return false;
});
}
form();

HTML：

复制代码代码如下: