Estoy haciendo un trabajo para el cole q trata sobre una gestion de equipos de programacion los cuales estan compuestos por varios miembros.
Ahora mismo estoy liado con el formulario de alta de un equipo y quiero hacerlo de la siguiente manera:
Quiero darle un nombre al equipo (cosa facil con un input text)
Quiero darle una descripcion al equipo (cosa tambien facil, con un textarea)
Quiero poder asignar X miembros al equipo (cosa chunga con mi nivel de javascript).
Mi nivel de javascript se limita a piyar valores de campos de texto, textareas y demas. Poca cosa mas.
La cuestion es que havia pensado hacerlo al estilo gmail con sus attachments.
He encontrado esta función por el foro (la he adaptado un poquillo).
Código:
Hasta aqui bien, consigo que aparezca el select donde quiero (no exactamente, ya q qisiera que justo antes del td contenedor del select apareciera otro td con un texto al estilo "Elige un miembro", pero esto me supera)function newSelect() { var puntero = document.getElementById('tableSelects'); //recogemos donde van a ir los nuevos campos newNode = document.createElement('tr'); //creamos un elemento TR para poder agregar TD's //total = 2; //definimos cuantos inputs queremos insertar de un tiron newsInputs++; if( document.getElementsByName('miembro').length>0) { var num_member = document.getElementsByName('miembro').length; //recogemos el total de campos equipo que hay para asignar los nuevos ID's } else { var num_member=0; } newNode.appendChild(document.createElement('td')); // creamos un td dentro de newNode var newField = document.createElement('select'); //creamos un elemento input newField.name = 'miembro'; //le asignamos un nombre al input creado var newMember = num_member + 1; // incrementamos el total de campos equipos para poder obtener un ID correlativo. newField.id = 'miembro'+newMember; //asignamos el nuevo ID al nuevo INPUT newNode.lastChild.appendChild(newField); //le indicamos de quien va a ser hijo. inicio=document.getElementById('nextSelect'); puntero.insertBefore(newNode,inicio); //insertamos todos justo encima del tr con id nextMatch, almacenado en puntero. if(newsInputs==1){//añadimos el link de borrar último partido newClose = document.createElement('a'); newClose.id='delCampo'; newClose.href='javascript:delSelect()'; newClose.appendChild(document.createTextNode('Borrar último')); document.getElementById('controlMatch').appendChild(newClose); } centrarContenido();//centramos el contenido de los TD's para que queden bien alineados }
Pero estos selects de momento me aparecen vacios (obivo), el tema es que desearia poder añadir los option dentro pero ignoro la manera (los añadiria mediante php, pero esto ya lo domino).
Podrian hecharme una mano?
Muchas gracias
PD: en el iexplorer me da error en la linea de inicio=document.getElementById('nextSelect');