Pegar o valor de um select e jogar em uma variável PHP - Javascript

[FelipePiorini 1]

Boa Tarde Galera

 

Estou com uma duvida acho que é fácil resolver mais não consigo encontrar o erro

 

Preciso pegar o valor de um select e jogar em uma variável PHP pra mim poder filtrar minha sentença SQL sempre que o valor do Select mudar

 

 
<form id="formbimestre" method="POST" action="notas.php" >
<div class="row">
<div class="col-md-4">
<input name="usuario" type="hidden" value="<?php echo $_POST['usuario']; ?>">
<h4>Selecione o bimestre:</h4>
<select  onchange='obterItem();' name="bimestre" id="teste" class="form-control">
<option value="0" <?php echo  ((isset($_POST['bimestre'])) ? ($_POST['bimestre']=='5'?'selected':''):''); ?> >  </option>
<option value="1" <?php echo  ((isset($_POST['bimestre'])) ? ($_POST['bimestre']=='1'?'selected':''):''); ?> >1º  Bimestre</option>
<option value="2" <?php echo  ((isset($_POST['bimestre'])) ? ($_POST['bimestre']=='2'?'selected':''):''); ?> >2º  Bimestre</option>
<option value="3" <?php echo  ((isset($_POST['bimestre'])) ? ($_POST['bimestre']=='3'?'selected':''):''); ?> >3º  Bimestre</option>
<option value="4" <?php echo  ((isset($_POST['bimestre'])) ? ($_POST['bimestre']=='4'?'selected':''):''); ?> >4º  Bimestre</option>
</select>
</div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
</form>

 
<script language="javascript" type="text/javascript">
function obterItem(){  
var valor = document.getElementById('teste').value;
alert(valor);
}
</script>

Esse código exibe um Alert com o value selecionado porem na hora que eu coloco a variável $valor no meu Where do SQL não funciona

 

Alguém sabe o que eu estou fazendo de errado ?

[William Bruno 1501]

Vc tem que fazer isso com ajax.

[FelipePiorini 1]

você tem que fazer isso com ajax.

Hum entendi irei pesquisar, você sabe como faria com ajax ?

[William Bruno 1501]

function obterItem(){  

var valor = document.getElementById('teste').value;

alert(valor);

 

var xhr = new XMLHttpRequest();

xhr.open('GET', 'arquivo.php?teste=' + valor, true);

xhr.addEventListener('readystatechange', function() {

if (xhr.readyState === 4) {

alert(xhr.responseText);

}

});

xhr.send();

}

ali no alert(xhr.responseText), é onde você vai popular o elemento que você quer.