두 양식 필드를 jQuery와 함께 하나의 변수로 결합하는 방법은 무엇입니까?

Question

저는 jQuery를 처음 접했고 완료해야 할 작업이 없습니다. 여기 상황이다 다음과 같이

내가 양식을 가지고 :

코드 : 양식은 구글 사이트 검색 쿼리를 제출하는 데 사용됩니다

<form action="search.php" method="get" id="cse-search-box"> 
    <input type="text" name="q" size="31"/> 
    <select name="category"> 
    <option>One</option> 
    <option>Two</option> 
    <option>Three</option> 
    </select> 
    <select name="contributors"> 
    <option>One</option> 
    <option>Two</option> 
    <option>Three</option> 
    </select> 
    <input type="submit" name="sa" value="Search" /> 
</form> 

. 입력 필드 'q'는 기본 검색 쿼리입니다.

'category'와 'contributors'필드의 사용자 선택 사항을 'as_q'라는 하나의 변수에 결합하여 제출시이를 양식 필드에 삽입해야합니다. <form> 선언 후 어떤 도움

Answer 1

<script> 
    $('#cse-search-box').bind('submit', function(){ 
     var category = $('[name=category]').val(); 
     var contributors = $('[name=contributors]').val(); 
     $('[name=q]').val(category+' '+contributors); 
    }); 
</script> 

에 미리

덕분에 스크립트의이 조각을 가지고

Answer 2

을 (그것의 HTML, 난이 선언을 사용하는 것이 적절한 지 매우 확실하지 않다) 이 작업을 수행하는 가장 좋은 방법은 필요한 이름으로 숨겨진 필드를 추가하는 것입니다 (as_q). 양식 제출시이 필드에 원하는 필드를 연결하십시오. 과 같이 채 웁니다 다음

<input id="as_q" name="as_q" type="hidden"> 

을 그리고 :

그래서 당신은 양식이 추가 것

이

$('#cse-search-box').submit(function() { 
    $('#as_q').val($("[name='category']").val() + $("[name='contributors']").val()); 
});