A ver que te parece....
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript" type="text/JavaScript">
function fmostra(obj){
if (obj.id=="botmostra"){
document.getElementById("insertatxt").style.display="block";
document.getElementById("insertasel").style.display="none";
}else{
document.getElementById("insertatxt").style.display="none";
document.getElementById("insertasel").style.display="block";
}
}
function finserta(obj){
if(document.getElementById("txtinserta").value!=""){
var oCntrl=document.getElementById("selectinserta");
addOpt(oCntrl,
oCntrl.options.length,
document.getElementById("txtinserta").value,
document.getElementById("txtinserta").value);
}
fmostra(obj);
}
function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}
</script>
<body>
<span id="insertatxt" style="display:none">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="txtinserta" type="text" id="txtinserta" value=""> </td>
<td><input name="botinsertar" type="button" id="botinsertar" onClick="finserta(this)" value="Insertar"> </td>
</tr>
</table></span>
<span id="insertasel" style="display:block">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><select name="selectinserta" id="selectinserta">
<option value="Opcion1">Opcion1</option>
<option value="Opcion2">Opcion2</option>
<option value="Opcion3">Opcion3</option>
</select></td>
<td><input name="botmostra" type="button" id="botmostra" onClick="fmostra(this)" value="Insertar"> </td>
</tr>
</table></span>
</body>
</html>
No serà permanente...claro. Para ello necesitarias un soporte en el lado servidor (bbdd)
Quim