Question

Below is the code that I used for multiple java scripts on a single button. But only any one is working when I disable the second one. Please let me know: how do I change my code to make it to work fine?

function invoke(but)  
{  
if(but==0)   
    {  
        function move(){  
        document.getElementById('tgt1').value = 
        document.getElementById('Allocation').value;  
        document.getElementById('Allocation').value="";  
        document.getElementById("Send").disabled=true;  

    }document.myform.action="Alloc_Insert.do";  
    }  
           else if(but==1)  
   {  
       document.myform.action="";  
   }  

else if(but==2){ document.myform.action="WL_Verif.do";}  
else if(but==3){ document.myform.action="Add_Query.do";}  
document.myform.submit();  
        } 

And the html is as below:

<input type="Submit" value="Allocate" id="Send" name="submit" onClick="invoke(0);move();"/><br/>  

Answer 1

change the name of the button to something else than “submit”

---

To explain what happens:

When you assign the name-attribute “submit” to the button(or any other form-element), this element will be accessible via

document.myform.submit

but there is also the build-in method of a form: submit(), you also may access it by using

document.myform.submit

What happens now when you call document.myform.submit()

I’ll write the code a little bit different, and you will see trouble:

document.myform['submit']()

Instead of accessing the built-in method, the code points first to the form-element, and then tries to execute the method. But a form-element is not a method, it all ends up in an error and the rest of the script(including the call of move() ) will not get executed.

It’s the same with “reset”, you never should use the name of a built-in property/method of the form-element as name for form-elements.