JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<div class="emailSignup">
    <ul class="newsletter">
        <li>
            <label for="emailsignup"><a class="join-us">SIGN UP TO OUR NEWSLETTER</a>
            </label>
        </li>
        <li>
            <form onsubmit="validateEmail(document.emailsonly1,'Please enter a valid email address'); return false;" method="get" action="http://jmldirect.uat.venda.com/bin/venda" name="emailsonly1">
                <input type="hidden" value="co_disp-view" name="ex">
                <input type="hidden" value="shop" name="bsref">
                <input type="hidden" value="signupforemails" name="page">
                <input type="text" onfocus="if (this.value=='Your email...') {this.value=''};" class="txtSignUp" value="Your email..." size="10" id="emailsignup" name="email">
                <input type="image" id="btnSignUpGirl" src="/content/ebiz/shop/resources/images/spacer.gif" class="buttonSignUpGirl" id="btnSignUpGirl" value="">
                <input type="image" id="btnSignUpBoy" src "/content/ebiz/shop/resources/images/spacer.gif" class="buttonSignUpBoy" id="btnSignUpBoy" value="">
                <input type="image" value="" class="buttonSignUp" src="/content/ebiz/shop/resources/images/spacer.gif" id="btnSignUp">
            </form>
        </li>
    </ul>
</div>

JavaScript

Somewhere inside the form :
<input type="hidden" name="submitType">

in the submit buttons:
<input name="JSP-2" type="submit" onclick="setType('Buy')">

Javascript: formName is the name of your form

<script>
   function setType(type)
   {
      //formName is the name of your form, submitType is the name of the submit button.
      document.forms["emailsignup"].elements["girlsbutton"].value = type;
       document.forms["emailsignup"]elements["boysbutton"].value = type;
   }
</script>