JQuery - 제출 단추를 클릭하십시오. 양식 값

Question

다음 기능을 가지고 있으며 양식 필드에서 값을 가져 오려고합니다.

$(".searchbutton").click(function() { 
    var tc = $(this).closest("form input[name='searchbox']").val(); 
    alert(tc);  
    return false; 
}); 

경고가 계속 "정의되지 않음"을 알려줍니다. 나는 가장 가까운 부모님, 부모님, 부모님을 찾았습니다. 나는 무엇이 잘못되었는지 모릅니다. Im 제출 버튼을 클릭하고 답례로 원하는 것은 검색 상자의 값입니다. 도와주세요.

HTML

<form action="/index.php" method="get" class="qsearch" > 
<input type="text" id="fsearch" name="searchbox" > 
<input class="searchbutton" type="submit" value="Submit"> 
</form> 

Answer 1

이 시도 :

$(".searchbutton").click(function() { 
    var tc = $(this).closest("form").find("input[name='searchbox']").val(); 
    alert(tc);  
    return false; 
}); 

업데이트 네, 그것은 당신의 HTML 작업 - 여기에 대안으로 http://jsfiddle.net/qa6z3n1b/

를 참조하십시오 - 당신이 사용해야합니다

귀하의 경우210

http://jsfiddle.net/qa6z3n1b/1/

Answer 2

쉬운 방법을 시도해보십시오

<script> 
$(".searchbutton").click(function() { 
var tc = $('#fsearch').val(); 
alert(tc);  
return false; 
}); 
</script> 

Answer 3

어떻게 바로 $('input[name="searchbox"]') 선택 사용에 대한 :.

$(".searchbutton").click(function() { 
    var tc = $('input[name="searchbox"]').val(); 
    alert(tc);  
    return false; 
});