Function Fill some field and Submit on Select

Question

<script type="text/javascript">

function FillCode(info) {
  var str = '';
  if (info != '') { str = info; }
  document.getElementById('coupon_code').value = str;
}

</script>

<div class="input-box">
<input class="input-text" type="hidden" id="coupon_code" name="coupon_code" value="<?php echo $this->htmlEscape($this->getCouponCode()) ?>" />
<select id="SBox" style="background-color: #666;" onchange="FillCode(value)">
      <option value="">Select Code</option>
      <option value="CODEDISCOUNT">X% Discount</option>
    </select>

I want to make this in a automatic send on select the X% Discount option on dropdown.

On select this fill the Coupon Code form, but i need to press the submit button to auto update the form.

Answer 1

Would it be acceptable to use jQuery to do this ?

If so, I have put up a working example here

Using jQuery this is what you would do :

$("#SBox").change(function() {
    //alert($(this).val());
    $("input#coupon_code").val($(this).val());
    $("form").submit();
});