Leer valor <option> sin cambiar de Pagina

[heap811019]

Que tal estimados, NO ESTOY MUY FAMILIARIZADO CON JAVASCRIPT, LES PIDO SU AYUDA DE FAVOR. Tengo un formulario en PHP en el cual tengo un <option> que llama los valores desde una tabla en MySQL. La idea es: que el usuario pueda agregar valores a ese <option> y se actualice la tabla en MySQL. Tenia en mente algo como esto:

- Agregar un registro en la tabla "CARGO_REMITENTE" que diga _NUEVO
- Leer con Javascript el valor que selecciono el usuario (sin necesidad de usar un boton o esperar a enviar todo el formulario) y usar un IF
- Comparar si el valor elegido es "_NUEVO", si es TRUE abrir un
PROMPT y solicitar el valor que se va registrar en la tabla
- Pasar esa variable a PHP
- Hacer el Insert correspondiente en la tabla.
- Continuar seguir trabajando en el formulario de manera normal

No se que opinen al respecto.

Despues de ver en varios temas de aqui mismo, la mayoria esperan hasta usar un submit para enviar el valor, x lo mismo les pido ayuda.

Vi en un tema la sintaxis para leer el valor del SELECT, podria ser algo asi como:

Código HTML:

<script type="text/javascript">
function Valor_Select(valor)  
     {document.getElementById('combo_value').value=valor;}
</script>

<select name="CARGO" onClick = "Valor_Select(this.options[this.selectedIndex].value);"> 

El codigo PHP con el cual traigo los valores de la tabla:

Código PHP:

  $conn = mysql_connect("localhost","root","5");
mysql_select_db("jscc");
 
echo'<FORM name="CARGO">';
 
$result=mysql_query("SELECT CARGO FROM cargo_remitente2 ORDER BY CARGO",$conn);
 
while ($row=mysql_fetch_array($result))
{ echo '<option>'.$row["CARGO"]; }
mysql_free_result($result) 
   

Me pueden orientar un pokito mas x favor ???

Gracias de antemano

[ocp001a]

Agregar valores a un option sin cargar la pagina es javascript, pero guardar los datos en la BD es tema de ajax. En ambos debes documentarte bien, ya que no solo de php vive el hombre...

Puede agregar contenido a un select así:

Código Javascript:

function agrega_item(miselect,item){
      var cant_opciones=document.getElementById(miselect).length;
      document.getElementById(miselect).length++;
      document.getElementById(miselect).options[cant_opciones+1].text=item;
      document.getElementById(miselect).options[cant_opciones+1].value=item;
}
 

Ya para el ajax, te recomiendo buscar sobre el tema, ya que hay mucho donde leer. Incluso en algunos de mis mensajes ya le indique a alguien como usar xajax, que es una herramienta para el manejo de ajax muy fácil de usar y muy potente.