Problem in form submitting.

[prasad kulkarni]

I have a form which has one dropDown. There are 2 table-rows ( i.e. <tr> >
which I am loading on the change of drop down value.
After selecting the value '1' in drop down , the CASE_ONE tr is loaded, and when I hit the ENTER key, the form is submitted. This is perfectly fine.

Now when I selects the value '2' from dropdown, tr CASE_TWO is loaded and at this time, if I hit the ENTER key , the form is not getting submitted.

If I alter the positions of the trs CASE_ONE and CASE_TWO, the tr, placed earlier in the code works fine after hitting the ENTER key, but the other tr does not work properly.

Here is my code. Please help me to get out of this.

<form ......>
 <tr>
   <td>
      <select name="dropDown" id="dropDown" onChange="javascript:changeOptions();" >
         <option value="1" selected="selected" >ONE TR</option>
         <option value="2" >TWO TR</option> </select>
   </td>
  </tr>
  <tr id="CASE_ONE"><td>
   <input type="submit" value="SEARCH" ></td>
  </tr>
  <tr id="CASE_TWO"><td>
    <input type="submit" value="SEARCH" ></td>
  </tr>
</form>
 
Here is my javascript function :
 
function changeOptions(){
  dropDown = document.getElementById('dropDown');
  if ( dropDown.value == '1' ){
  var obj1 = document.getElementById('CASE_ONE');
  var obj2 = document.getElementById('CASE_TWO');
   if(obj1 != null && obj2 != null ){
    obj1.style.display = 'none';
    obj2.style.display = 'block';
   }
  }else if ( dropDown.value == '2' ){  
    var obj1 = document.getElementById('CASE_ONE');
    var obj2 = document.getElementById('CASE_TWO');
    if(obj1 != null && obj2 != null ){
      obj1.style.display = 'block';
      obj2.style.display = 'none';
    }
  }
}

[ February 15, 2008: Message edited by: prasad kulkarni ]

[Bear Bibeault]

Please be sure to use UBB code tags when posting code to the forums. Unformatted code is extermely hard to read and many people that might be able to help you will just move along. Please read this for more information.

You can go back and change your post to add code tags by clicking the .

[Alaa Nassef]

Well, I believe that hitting enter is like clicking on the first submit button, so when you hide it, I believe that hitting enter will do nothing, since the first submit button is hidden.

Well, I'm not hundred percent sure, but I believe that this is the case.