Question

I am new to forms, and Javascript, so please be forgiving.

I have a form that looks like this:

<form method="post" action="control" name="myform">
<input type="submit" name="Name" value="Do A"/>
<input type="submit" name="Name" value="Do B" />
<input type="submit" name="Name" value="Do C" />
<input type="submit" name="Name" value="Close" />
</form>

I need to change this so that there are two buttons, and the form is submitted using javascript dependent on some external conditions, so I want it to look something like this:

<form method="post" action="control" name="myform">
<script>
function submitForm(form){
    if(someConditionA){
        submit the form so that the script performs same action as if the button Do A had been clicked
    } if (someConditionB){
        submit the form so that the script performs same action as if the button Do B had been clicked
    } if (someConditionC){
        submit the form so that the script performs same action as if the button Do C had been clicked
    }
}

function closeForm(form){
    window.close();
}
</script>
<button name="doAction" onClick="SubmitForm(this.form)">Do Action<\button>
<button name="close" onClick="SubmitForm(this.form)">Close<\button>
</form>

How can I implement the function submitForm?

Thanks

Answer 1

Add a hidden field with the same name as the original submit buttons:

<input type="HIDDEN" name="Name" value=""/>

Set the value of that field based on your conditions:

function submitForm(form){
    if(someConditionA){
        form.Name.value = "Do A";
    } if (someConditionB){
        form.Name.value = "Do B";
    } if (someConditionC){
        form.Name.value = "Do C";
    }
    form.submit();
}

Change the new Close button to this:

<button name="close" onClick="this.form.Name.value='Close';this.form.submit();">Close<\button>

I haven’t tested this, so it may contain a mistake or two, but that’s the general idea. (+1 for ‘this.form’, not many folks know about that, nice.)