Ajout de la liste déroulante de façon dynamique

Je suis en train de concevoir un tableau en HTML, ce qui peut ajouter une ligne lorsque je clique sur "ajouter une ligne" bouton & de même pour la suppression d'un ajout de ligne si j'ai l'intention de le supprimer. J'ai écrit un script javascript pour ajouter de la case et du texte. Mais je veux le même combo boîtes-et je m coincé dans le milieu. Pourriez-vous les gars viens de le découvrir et laissez-moi savoir comment le faire?
C'est mon fichier JS.

function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
cell2.innerHTML = rowCount + 1;
var cell3 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
cell3.appendChild(element2);
var cell4 = row.insertCell(3);
var element3 = document.createElement("input");
element3.type = "text";
cell4.appendChild(element3);
var cell5 = row.insertCell(4);
//This is where the PROBLEM is!!
var element4 = document.createElement("select");
element4.type = "option";
cell5.appendChild(element4);
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}

//JavaScript Document

NOTE: s'il vous Plaît ne suggèrent SERVER_SIDE de SCRIPT. Je suis juste de faire mes devoirs sur Java Script 🙂

Êtes-vous autorisé à utiliser jQuery?
Juste un peu de travail sur le javascript 🙂

OriginalL'auteur Sandeep | 2009-12-17

  1. 1

    Cela devrait faire l'affaire:

     var cell5 = row.insertCell(4);
//This is where the SOLUTION is!!
var element4 = document.createElement("select");
var option1 = document.createElement("option");
option1.value="1";
option1.innerHTML="sample1";
element4.appendChild(option1);
var option2 = document.createElement("option");
option2.value="2";
option2.innerHTML="sample2";               
element4.appendChild(option2);
cell5.appendChild(element4);
    Parfaitement Fonctionné! Merci une tonne pour la suggestion!

    OriginalL'auteur Treby

  2. 1

    Essayez de penser à de la le résultat que vous souhaitez obtenir. Dans ce cas, vous souhaitez avoir le code HTML qui ressemble à ceci:

        <select>
<option></option>
<option></option>
</select>

    Donc, la question est de savoir quels éléments sont là? Il y a trois dans mon exemple, de sélectionner et de deux options. Donc, dans votre JavaScript comment créez-vous des éléments?

     var element4 = document.createElement("select");

    Cela crée un select. Alors, comment voulez-vous créer une option?

       var option1 = document.createElement("option");

    peut-être?

    comment ajouter l'option pour la sélectionner? Même manière que vous ajoutez le sélectionner pour la cellule.

       element4.appendChild(option1);

    ensuite de créer les autres options que vous avez besoin et ajoutez le à la cellule.

    innerHTML était nécessaire! Génial suggestions de toute façon...merci

    OriginalL'auteur Vincent Ramdhanie

  3. 1

    pourquoi ne pas essayer 

    var sel=document.createElement("select");
//repeat this for each option you have
var opt=document.createElement("option");
opt.value="my option value";
opt.text="my option to be displayed";
sel.appendChild(opt);
//end repeat
cell5.appendChild(sel);
    Que de travail mais il na pas afficher les noms dans le menu..

    OriginalL'auteur Patrick