Encontré esto en el FAQ de Javascript
:
quiero algo así con el cuadro de captura con el botón para agregar otro; pero que los datos se guarden en la base de datos
Código HTML:
<html>
<head>
<title>Untitled</title>
<script>
function mandarlo(){
formulario=document.forms['estacosa'];
ultimaOpcion=formulario['cosas'].options.length;
texto=formulario['palabras'].value;
valor=formulario['palabras'].value;
if(texto!=""){
nuevaOpcion=new Option(texto,valor);
formulario['cosas'].options[ultimaOpcion]=nuevaOpcion;
formulario['palabras'].value="";
formulario['cosas'][0].text="Opcion Añadida";
opcionElegida=formulario['cosas'].selectedIndex=0;
setTimeout('formulario["cosas"][0].text="Elige una opción";',800);
}
}
function borrar(){
formulario=document.forms['estacosa'];
if(formulario['cosas'].selectedIndex>0){
opcionElegida=formulario['cosas'].selectedIndex;
formulario['cosas'].options[opcionElegida]=null;
formulario['cosas'][0].text="Opcion Borrada";
opcionElegida=formulario['cosas'].selectedIndex=0;
setTimeout('formulario["cosas"][0].text=(formulario["cosas"].options.length>1)?"Elige una opción":"No hay opciones";',800);
}
}
</script>
<style>
*{font:normal 10px/10px verdana;}
input{
border:ridge 2px;
}
</style>
</head>
<body>
<form action="" id="estacosa" name="estacosa">
<input type="text" name="palabras" id="palabras" />
<input type="button" name="mandar" id="mandar" value="->" onclick="mandarlo()" onclick="mandarlo()" />
<select style="width:150px;" id="cosas" name="cosas" size="1">
<option>No hay opciones</option>
</select>
<input type="button" style="color:red;font:bold 10px verdana" value="X" onclick="borrar()" />
</form>
</body>
</html>
Gracias