Jquery - Change value of Input button without displaying value

Question

So I have a form that I am submitting and the valueof the input button is "View Insight." When I submit the form using Request, I get a nasty string in the URL like Insight=View+Insight.

What I want it to say in the URL is "Insight=Confirmed". I tried using jquery to change the value of the button and it worked but you see it changing the value in the user interface. How do I change the value of what I want without showing the user?

Here is what I have so far:

JQUERY

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
            $(document).ready(function(){
      $("#savebtn").bind("click",function(){
        $(this).val('confirmed');
      });
    });
</script>

HTML

<form action="confirm4.php" method="request">
    <input type="submit" name="insights" id="savebtn" value="View Insights" />
</form>

bottens · Accepted Answer · 2014-05-12 18:57:34Z

1

You can change the input[type=submit] to button[type=submit] like so:

<form action="confirm4.php" method="request">
  <input type="hidden" name="Insight" value="Confirmed">
  <button type="submit" id="savebtn">View Insights</button>
</form>

answered May 12, 2014 at 18:57

bottens

3,9121 gold badge15 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ryan Over a year ago

Although this would work, It seems like it is a bit intrusive. Thank you for your answer.

bottens Over a year ago

I don't see how it is intrusive. It is semantic, modern, and will work with or without the hidden attribute. Assuming the backend script doesn't require Insight=Confirmed You are welcome for the answer though. Heres something I urge you to look into: css-tricks.com/use-button-element

Zachary Kniebel · Accepted Answer · 2014-05-12 18:55:49Z

1

First, .bind is deprecated and you should be using .on instead.

Second, what you are looking for is

$("#savebtn").on("click",function(e){
    e.preventDefault(); //stop current submission

    var $this = $(this);
    $this.val('confirmed'); //change the value
    $this.off("click"); //unbind the handler
    $this.click(); //click the button again
});

answered May 12, 2014 at 18:55

Zachary Kniebel

4,8043 gold badges32 silver badges53 bronze badges

1 Comment

ryan Over a year ago

Thank you Zachary, I was unaware that .bind was deprecated. This works perfectly. Thanks for explaining it thoroughly.

Collectives™ on Stack Overflow

Jquery - Change value of Input button without displaying value

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related