Como cambiar los valores de 3 campos en función de lo que se selecciona en un select

[chicohot20]

Mi metodo es un poco diferente:

Código HTML:

<script>
<!--
// devuelve un objeto XMLHttpRequest para varios navegadores
function AJAX() {
    try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) {
        try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (ee) {xmlhttp = false;}
    }
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
        try {xmlhttp = new XMLHttpRequest();} catch (e) {xmlhttp = false;}
    }
    if (!xmlhttp && window.createRequest) {
        try {xmlhttp = window.createRequest();} catch (e) {xmlhttp = false;}
    }
    if (!xmlhttp) {
        alert("Tu navegador no soporta el objecto XMLHttpRequest.");
    }
    return xmlhttp;
}
 
var alCambiarLaLista = function(item1,item2,item3) {
   // obtenemos un objeto XMLHttpRequest en la variable ajax    
   var ajax = new AJAX();
   // Construimos la petición a ajax.php con el valor seleccionado del select como parámetro
   ajax.open("GET","ajax.php?palabra=" + item1.value,true);
   // Cambió el estado de la petición
   ajax.onreadystatechange = function() {
      // Si completada la petición
      if (ajax.readyState == 4) {
         // Si la respuesta es 200 OK
         if (ajax.status == 200) {
            document.getElementById("result").innerHTML = ajax.responseText;
            document.getElementById("NroItem").value = document.getElementById("nro").innerHTML;
            document.getElementById("NombreItem").value = document.getElementById("nombre").innerHTML;
            document.getElementById("PrecioItem").value = document.getElementById("precio").innerHTML;
         }
      }
   }
   // Ejecutamos la petición
   ajax.send(null);
}
//-->
</script>
<div id="result"></div>
<form>
<select onchange="alCambiarLaLista(this)">
<option value=''><- Selecciona-></option>
<option value='Anuncio Simple'>Anuncio Simple</option>
<option value='Anuncio Doble'>Anuncio Doble</option>
<option value='Anuncio Triple'>Anuncio Triple</option>
<option value='Anuncio Cuadruple'>Anuncio Cuadruple</option>
<option value='Anuncio Quintuple'>Anuncio Quintuple</option>
</select>
<input type='text' id='NroItem' size='20' name='NroItem'>
<input type='text' id='NombreItem' size='20' name='NombreItem'>
<input type='text' id='PrecioItem' size='20' name='PrecioItem'>
<br>
<input type='submit' name='submit' value='Comprar'>
</form>
 

ajax.php

Código PHP:

<?
$nro="10";
$nombre="Nombre producto";
$precio="20.00";
    if ($_GET['palabra'] == "Anuncio Simple") {
        echo "<span id='nro'>$nro</span><span id='nombre'>$nombre</span><span id='precio'>$precio</span>";
        }
    if ($_GET['palabra'] == "Anuncio Doble") {
        $nro="102";
$nombre="Nombre2 producto";
$precio="202.00";
        echo "<span id='nro'>$nro</span><span id='nombre'>$nombre</span><span id='precio'>$precio</span>";
        }
    if ($_GET['palabra'] == "Anuncio Triple") {
        $nro="103";
$nombre="Nombre3 producto";
$precio="203.00";
        echo "<span id='nro'>$nro</span><span id='nombre'>$nombre</span><span id='precio'>$precio</span>";
        }
    if ($_GET['palabra'] == "Anuncio Cuadruple") {
        $nro="104";
$nombre="Nombre4 producto";
$precio="204.00";
        echo "<span id='nro'>$nro</span><span id='nombre'>$nombre</span><span id='precio'>$precio</span>";
        }
    if ($_GET['palabra'] == "Anuncio Quintuple") {
        $nro="105";
$nombre="Nombre5 producto";
$precio="205.00";
        echo "<span id='nro'>$nro</span><span id='nombre'>$nombre</span><span id='precio'>$precio</span>";
        }
 
?>