javascript working incorrectly in mozilla with select element

[yurcheg]

Hi, I've searched the forum for this problem but haven't found anything relevant.
I've got a javascript code which dynamically creates list-boxes in a form. It
works perfectly fine in IE, but in Firefox 2 I change the selected value in
a list-box but nothing gets submitted via POST.
The dynamic list-box creation code looks like this:
[HTML]
<form name="form0" method=POST action="/dynamic/AppDirector/Global/GlobalParameter s" onkeypress="ret urn webDefaultFormK eyHandler(this, event,IDN_Conve rsion_Page_Set_ Handler)">
<table border=0>
<tr><td class="varName" >
<b>Open New Entry When Source Port Different</b>
</td>
<td class="varValue " id="varValue1" >
<input type="hidden" name="mibId_0" value="187">
<script language="JavaS cript1.2" type="text/javascript">
var187_0Object = new SelectBox("var1 87_0","varValue 1");
var187_0Object. add("enable","e nable");
var187_0Object. add("disable"," disable");
var187_0Object. setValue("disab le");
</script></td></tr>[/HTML]

SelectBox is defined in another javascript file, and the code goes like this:

function SelectBoxSetValue(value) {
  options = this.sel.options;
  for (i=0;i<options.length;i++) {
    if (options[i].value == value) {
      this.sel.selectedIndex = i;
    }
  }
}
 
function SelectBoxAdd(text,value)
{
  ops = this.sel.options;
  for (i=0;i<ops.length;i++) {
    if (ops[i].text == text) {
      return;
    }
  }  
  o = document.createElement("OPTION");
  o.text = text;
  o.value = value;
  addoption(this.sel,o);  
}
 
function SelectBox(name,parentId) {
  this.sel  = document.createElement("SELECT");
  this.sel.name = name;
  this.sel.id   = name;
  if (parentId != null) {
    this.par   = document.getElementById(parentId);   
  } else {
    this.par   = document;
  }
  this.add      = SelectBoxAdd;
  this.remove   = SelectBoxRemove;
  this.setValue = SelectBoxSetValue;
  this.par.appendChild(this.sel);
}
 

Can anyone give some pointers as to why this wouldn't work in Firefox?
Thanks in advance

[acoder]

Welcome to TSDN!

Perhaps line 31 should be

this.par = document.body;

[yurcheg]

Welcome to TSDN!

Perhaps line 31 should be

this.par = document.body;

Thanks!
I managed to solve the problem, fortunately. I had the<form> element as a direct son of <table>, and firefox didn't like it that much :))

[acoder]

Glad you got it working and thanks for posting your solution.

Post again should you need help on a JS problem.