Getting url of submitted form using jquery

Question

Using Rails, I am submitting a form that generates a new url each time the form is submitted. How can I catch the url of the new form? I tried something like the following but can't get it to work

$('#addSyn').click(function(ev){
   url = $(this).attr('href');
   $('#expURL').text(url);
});

HTML/Rails

<section style="width:45%; right:0; position:absolute;">

<%= form_for @exp, remote: true, :id => 'EditForm' do |f| %>
  <%= f.label :Syn %><br>
  <%= f.text_field :syn %><br>

  <%= f.label :Exp %><br>
  <%= f.text_field :exp %><br>

  <%= f.submit "Add Syn", :id=>"addSyn" %>
<% end %>

<div id="ExpURL">

</div>

</section>

Does the server do a redirect to send the browser to a new response url each time? If so, that probably can not be handled from a Javascript because that Javascript has been unloaded. Maybe with an Iframe if it doesn't violate same origin policy. — Paul
– Paul, Commented Aug 22, 2013 at 4:04
@Teddy I tried "action" instead of "href" but still nothing. — agassi0430
– agassi0430, Commented Aug 22, 2013 at 4:09
@Paul - I am using rails and I inserted a statement "remote: true". Without it it does a redirect, with that statement it listens to the jquery click and does not do a redirect. — agassi0430
– agassi0430, Commented Aug 22, 2013 at 4:11

Kabie · Accepted Answer · 2013-08-22 04:50:02Z

1

You only get #addSyn using $(this) inside $('#addSyn').click. And the case seems wrong(if it's not a typo), it should be #ExpURL.

Try:

$('#EditForm').on('submit', function(){
  url = $(this).attr('action');
  $('#ExpURL').text(url);
});

Also you can use prop instead of attr.

answered Aug 22, 2013 at 4:50

Kabie

10.7k1 gold badge40 silver badges47 bronze badges

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

1 Comment

agassi0430 Over a year ago

I tried submit instead of click but when I try that then event random text such as .text('foobar') doesn't display. Ignore the casing. That was a typo

Collectives™ on Stack Overflow

Getting url of submitted form using jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related