모든 양식 값을 얻기 위한 JQuery 구현 코드 [IE는 아직 지원되지 않습니다]_jquery
- WBOY원래의
- 2016-05-16 17:53:05923검색
IE는 현재
CSS를 지원하지 않습니다:
코드 복사 코드는 다음과 같습니다:
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("다음 값을 얻을 수 있습니다. 텍스트는 아래 방법을 사용하세요.
"
'" tv "" "
"
"
" '$("#mytxt").val()' "
"
'$(this).find(":input[type='text']").val( )' "
"
'$(this).find(":input[name='txtname']").val()' "
"
" ");
*/
//$("#result1").delay(30000).fadeOut();
//tv.attr(value, ''); 깨끗한 값
// 텍스트 영역 값 가져오기
var av = $("#myarea").val();
$("#result2").text(av);
/* $ ("#result2").append("아래 방법을 사용하여 텍스트 영역의 값을 얻을 수 있습니다:
"
"" av "" "
"
'
$("#myarea").val()'
"
*/
//$("#result2").delay(30000).fadeOut();
var str = "";
/* $("select").change(function () {
$ ("옵션 선택:선택").each(function () {
str = $(this).val();
});
$("#result3").text(str) ;
})
.trigger('change');
*/
// $("select[name='garden'] option:selected") 여러 선택이 있는 경우
$("select[id='mysel'] 옵션:선택됨").each(function () {
str = $(this).val();
});
$("#result3").text(str);
var str2 = "";
$("select[id='multisel'] 옵션:선택됨").each(함수 () {
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 "가 확인되었습니다! " );
false 반환;
});
}
form();
HTML：
复主代码 代码如下:
Get All Form Elments Value
< /div>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.