Problemas al traer datos del servidor con jquery ajax

[Alexis88]

Bienvenido a FDW.

Noto varios errores. Debo de suponer que el código HTML que muestras no está completo pues no veo en dónde incluyes al archivo "ajax.js". Por otro lado, veo que intentas trabajar con el texto de las opciones cuando lo correcto es hacerlo con sus valores. Para ello, solo debes de especificar un valor para cada opción mediante el atributo value.

Código HTML:

<select>
    <option value = "1">Opción 1</option>
    <option value = "2">Opción 2</option>
    <option value = "3">Opción 3</option>
</select>
 

Cuando seleccionas una opción, el <select> toma su valor.

En cuanto al código JavaScript, veo que haces esto:

Código Javascript:

var procesador=document.getElementByClass('procesador' );
var proc=document.getElementById('procesador');
var seleccion=document.getElementById('procesador');
 

Algo que no tiene mucho sentido ya que, en las dos últimas líneas, tomas al mismo elemento, mientras que en la primera, ocurrirá un error ya que no existe el método .getElementByClass() sino el .getElementsByClass() el cual devuelve una lista de nodos con los elementos que posean la clase especificada. Si vas a tomar al <select>, hazlo solo una vez y trabaja con la variable a la que sea asignado.

No es necesario que uses un FormData, basta con que en el método .send() construyas la cadena de consulta:

Código Javascript:

solicitud.send(proc.name + "=" + proc.value);
 

También sería bueno que en la función "mostrar", compruebes que la respuesta del servidor fue exitosa.

Código Javascript:

if (this.status == 200){
    //Do stuff
}
 

Si el envío del dato seleccionado en el <select> se va a realizar al seleccionar una opción, no hace falta un botón de envío.

Realiza los cambios que te he señalado y prueba.

Saludos