DOM and adding a brand new select list

Can anyone tell me or show me how I can dynamically add a new row to a table and in one of the newly added cells add a brand new select list? The cells I'm adding using DOM are fine but when I try putting in the select list it doesn't work. For example, if I try and set the cell's innerText it just displays the tag for the select list. If I try and set the innerHtml it gives me nothing. Any help would be appreciated. Thanks.

Rob

Where's your code?

with a select you should be use new Option()

Eric

This may Help you.

function addRow(id){
    var tbody = document.getElementById(id)

var row = document.createElement("TR") 
    var td1 = document.createElement("TD")

td1.appendChild(document.createTextNode("row 2_column 1"))

var td2 = document.createElement("TD")

//Creating a Select Box  
    var selectBox = document.createElement("Select")
    selectBox.name="mySelectBox"
    
    //Creating first Option 
    var option1 = document.createElement("OPTION")
    option1.text="Banana"
    option1.value=1
    selectBox.options.add(option1)
    var option2 =document.createElement("OPTION")

//Creating Second Option
    option2.text="Orange"
    option2.value=2
    selectBox.options.add(option2)

td2.appendChild (selectBox)
    row.appendChild(td1)
    row.appendChild(td2)

tbody.appendChild(row)

}

</script>

</HEAD>

<BODY>

<tr>
      <td>row1_column1</td><td>row1_column1</td>
    </tr>

</table>

</BODY>
</HTML>

Inplace of

# var option1 = document.createElement("OPTION")
# option1.text="Banana"
# option1.value=1
# selectBox.options.add(option1)

We can use:

selectBox.options[selectBox.options.length]=new Option("Banana","1")