php - Grab current value of textbox and drop-down-list and output them using jquery -

what output textbox value , drop-down-list selected value simultaneously. reason sort results through mysql db table. right now... when change textbox add onto drop-down-list value, want. when change drop-down-list value, won't recognize textbox value , revert when document loaded value. how grab both values , echo them , able change them , view changes when 'keyup' on textbox or 'change' drop-down-list value. in advance.

jquery

$(document).ready(function () {     var type_term = $("#type option:selected").text()     var search_term = $("#search").val()     $.post('search_db.php',{type_term:type_term, search_term:search_term}, function (data) {         $('#search_results').html(data)      });     $('#search').keyup(function() {         var search_term = $("#search").val()         $.post('search_db.php',{type_term:type_term, search_term:search_term}, function (data) {             $('#search_results').html(data)          });     });     $('#type').change(function() {         var type_term = $("#type option:selected").text()         $.post('search_db.php',{type_term:type_term, search_term:search_term}, function (data) {            $('#search_results').html(data)               });     }); }); 

html

<input id="search" type="text" value="value">  <select id="type"> <option>type1</option> <option>type2</option> </select>  <div id="search_results"></div> 

searchdb.php

$type_term = $_post['type_term']; $search_term = $_post['search_term'];  echo $type_term; echo $search_term; 

try setting variables both form elements on each event, rather 1 changing.

$(document).ready(function () { var type_term = $("#type option:selected").text() var search_term = $("#search").val() $.post('search_db.php',{type_term:type_term, search_term:search_term}, function (data) {     $('#search_results').html(data)  }); $('#search').keyup(function() {     var search_term = $("#search").val()     var type_term = $("#type option:selected").text()     $.post('search_db.php',{type_term:type_term, search_term:search_term}, function (data) {         $('#search_results').html(data)      }); }); $('#type').change(function() {     var search_term = $("#search").val()     var type_term = $("#type option:selected").text()     $.post('search_db.php',{type_term:type_term, search_term:search_term}, function (data) {        $('#search_results').html(data)           }); }); });