My ajax script
function filter(){ var input1 = $("#advanced-search1").val(); $.ajax({ dataType: 'html', url: "php/filter.php", type: "POST", data: input1, success: function(response){ $('#result').html(response); } }); } The html form
<form> <select id="advanced-search1" name="taskOption"> <option value="apple">Apple</option> . . . </select> <input type="submit" onclick="filter()" value="Filter"> </form> <div id="result"></div> My question is how to pass the "select" id into an ajax so that it can be processed in the other php file (filter.php)