nzrnfourtwenty nzrnfourtwenty - 2 months ago 14
Javascript Question

How to pass "select" id into an ajax

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 php

$search = filter_input(INPUT_POST, 'key', FILTER_SANITIZE_SPECIAL_CHARS);

if (isset($search)) {
echo 'Successfully here';
}

if(empty($search)){
$sql = "SELECT * FROM blabla";
}


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)

Answer

The way data works is by using an object... What you are doing is wrong. Replace the data part with:

data: {"key": input1},

And in the server side you should be able to access it using:

$_POST["key"]