MVC/JQuery Input set Value with .val()

Question

I have an input element that I am setting the value to be nothing initially:

<input id="fooValue" type="hidden" data-url="@Url.Action(MVC.fooController.fooValue())" value="" />

I then have an AJAX call where I retrieve a value and try to pass it into the input and set the previously blank value to this new value:

$.ajax({
    type: 'GET',
    url: $('#fooValue').data('url'),
    success: function (data) {
        $('#fooValue').val(data);
    }
});

When I perform this AJAX request in the Firebug console I get back the value of 4, however when I got to get the value from the input it isn't returning anything. Can anybody help me and tell me why it would appear that the value is not being set with the AJAX request? Thanks.

The following post might be helpful. Although his example involves a HIDDEN field I think you may be able to fix the problem by removing value="" from your HTML as described in the blog post. — David Tansey
– David Tansey, Commented Apr 5, 2013 at 18:20
That worked actually. Thank you. I now need to get the value into my value= correctly as right now I have value="[object Object] :) thanks. — Alexander
– Alexander, Commented Apr 5, 2013 at 18:36
What type of data are you returning? You might want to try .val(data.d); — tymeJV
– tymeJV, Commented Apr 5, 2013 at 19:26
I reposted my comment as an Answer. I'd be grateful if you would mark it as Accepted. — David Tansey
– David Tansey, Commented Apr 5, 2013 at 19:43
If you always return a data.d, probably best to use a converter or dataFilter: api.jquery.com/jQuery.ajax — Mark Schultheiss
– Mark Schultheiss, Commented Apr 5, 2013 at 19:48

David Tansey · Accepted Answer · 2013-04-05 19:42:24Z

1

The following post might be helpful. Although his example involves a HIDDEN field I think you may be able to fix your problem by removing value="" from your HTML as described in the blog post.

edited Apr 5, 2013 at 19:42

answered Apr 5, 2013 at 19:22

David Tansey

6,0104 gold badges39 silver badges54 bronze badges

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

Comments

doniyor · Accepted Answer · 2013-04-05 19:55:05Z

0

Ajax is an asynchronous request. may be you try with async: false in your ajax function?

$.ajax({
  type: 'GET',
  url: $('#fooValue').data('url'),
  async: false,
  success: function (data) {
    $('#fooValue').val(data);
  }
});

answered Apr 5, 2013 at 19:55

doniyor

38k62 gold badges183 silver badges272 bronze badges

Collectives™ on Stack Overflow

MVC/JQuery Input set Value with .val()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related