How do I access form element values using ruby without submitting the form?

Question

Okay I have an extensive ruby application running behind Ruby on Rails right now. This application needs form input but I don't want to refresh the page when I update the text box. What I mean is:

I have a form that has two text boxes, one is called "starttime" and one is called "endtime". I somehow need to get the value of these text boxes (what a user has typed in) into ruby when a button is pressed. Is there some sort of equivalent to javascript's document.form.starttime.value command but for ruby? Or is there some way to submit the form data, retrieve it, but not refresh the page such as using ajax? I know ajax is used to manipulate the DOM dynamically without refreshing the page, but I really just need to retrieve data. Any help would be greatly appreciated, I simply cannot find this anywhere.

Okay is there a way to do this using session variables?

Daryl
– Daryl

2010-07-28 16:46:23 +00:00
Commented Jul 28, 2010 at 16:46 — Daryl
– Daryl, Commented Jul 28, 2010 at 16:46

Andrew Flanagan · Accepted Answer · 2010-07-28 00:14:14Z

1

You can do this quite easily with jQuery. Give the start time and end time form elements a distinct ID (I use startDate and endDate below) and you can easily retrieve them, then send the data to a Rails action that can process them in the background and if necessary, update the DOM with any relevant data when you click on a button (below assumes an input button with the ID SendDateValues).

Something like this: (Not tested)

<script type="text/javascript">
//<![CDATA[

$("#SendDateValues").click(function() {
  $.ajax({
    url: '/SomeController/ProcessDateData/",
    data: 'startDate=' + $("#startdate").val() + "&endDate=" + $("#endDate").val(),
    success: function(html) { //DO SOMETHING WITH THE RESULT },
    type: 'post'
  });
});

//]]>$
</script>

Play with the results... Use Firebug or something similar to check what gets passed. Check your Rails event log to see what data your action gets.

edited Jul 28, 2010 at 0:14

answered Jul 27, 2010 at 23:30

Andrew Flanagan

4,2673 gold badges28 silver badges38 bronze badges

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

6 Comments

Daryl Over a year ago

Thanks for the quick response. If I use something like this, won't it move the browser to another page? I need to stay on the same page and manipulate another object after checking the values of the text boxes.

Andrew Flanagan Over a year ago

That's the beauty of the AJAX call -- it will make the request in the background. The user may see activity in their status bar, but nothing will change on the page they're on unless you explicitly change it (somewhere in the success function).

Andrew Flanagan Over a year ago

If you've not used jQuery before, be aware that you'll need to include the jQuery libraries for the above to work. In theory you could write the AJAX call in ordinary Javascript, but the jQuery library abstracts this beautifully and makes it simple.

Daryl Over a year ago

Okay I added: <%= javascript_include_tag 'jquery' %> <%= javascript_include_tag 'jquery-ui' %> <%= javascript_include_tag 'jrails' %> to my layout. Of course I'll need to modify the code you posted but where exactly does this code go?

Daryl Over a year ago

Oh I guess I don't need jrails, it's just something I found online.

|

Collectives™ on Stack Overflow

How do I access form element values using ruby without submitting the form?

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related