el codigo completo quedaria asi ?
ya que no me funciona:
index.html
Código PHP:
<script language = "javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData(dataSource, divID)
{
if(XMLHttpRequestObject) {
var obj = document.getElementById(divID);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
<select name="elemento" id="elemento" onChange="getData('recibido.php?id='+this.value, 'targetDiv')">
<option value="1" onClick="getData('recibido.php?elemento=1', 'targetDiv')">Primer elemento</option>
<option value="2" onClick="getData('recibido.php?elemento=2', 'targetDiv')">Segundo elemento</option>
<option value="3" onClick="getData('recibido.php?elemento=3', 'targetDiv')">Tercer Elemento</option>
<option value="4" onClick="getData('recibido.php?elemento=4', 'targetDiv')">Cuarto Elemento</option>
</select>
<br><br>
<div id="targetDiv">
The fetched data will go here.
</div>
recibido.php
Código PHP:
<?php
echo "Valor recibido: ".$_GET['elemento'];
echo $_GET['id'];
?>