Question

I need to make a button’s target different from the main submit value. I am using jquery with code below:

HTML:

<form action="somepage" id="cartform" target="_parent" method="post">

(So default action is parent)

JQUERY:

$("#refresh").click(function(){
    $("#cartform").attr('target', '_self');
});

(“Refresh” is the form’s extra button to keep the form in a popup box)

Answer 1

Try to add a listener on submit instead of click:

$('cartform').on('submit',function(){
   $(this).attr('target', '_self');
});

Obv it’s the case only if you always want the target to change as the form is submitted. Otherwise, try with your code and preventDefault.

$("#refresh").click(function(ev){
    ev.preventDefault();
    $("#cartform").attr('target', '_self').submit();
});

I think the form is being submitted before the target change applies.

---

Edit

Actually, OP is trying to submit a form inside an iframe. This should work:

$("#refresh").click(function(ev){
    ev.preventDefault();
    $("#cartform").attr('target', 'name_of_the_iframe').submit();
});

Will submit to:

<iframe name="name_of_the_iframe" ...