Use textbox text in jQuery AJAX request

Question

I'm trying to send a request to a PHP form (using get) that is dynamically generated based on a textbox field the user types in. I've tried a few things but can't manage to get the value of the textbox.

<script>
  $("#myDiv").on('click', 'p', function(){
      setInterval(function() {
        $.ajax({url:"val",success:function(result){
          $("#myDiv").html(result);
        }});
      },1000);
  });
</script>

If I leave it like this, it works and sends the request to "val", but I'm not sure how to put the value of the textbox in there. It is still within the same div, which is dynamically loaded after the page has been loaded completely.

Any help would be appreciated.

Question not yet clear. can you paste HTML also here? $("#ID").val() is used to get the value of an form element — Sibiraj PR
– Sibiraj PR, Commented Apr 9, 2013 at 3:25

user788472 · Accepted Answer · 2013-04-09 03:25:41Z

1

var val = $("#id-of-textbox").val();

Replace #id-of-textbox with the actual id of your textbox and the var val will then contain the text value of your textbox.

You'll send it with your ajax request like so:

$.ajax({url:"val", data: { value: val }, success: function...

answered Apr 9, 2013 at 3:25

user788472

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

4 Comments

user2255742 Over a year ago

Thanks for the help, I can actually get SOMETHING now. However, instead of giving me the value of the textbox, it says [object Object] Also, I'm dynamically creating this textbox, and this only works for elements loaded with the page. How could you modify this to make it work after updating it. I've already used .on to create an onclick for a dynamic element, I'm just not sure how that would apply here.

user2255742 Over a year ago

Nevermind, I got the string value by getting rid of the {value: }

user788472 Over a year ago

This should work for dynamically created elements, just make sure that the variable assignment code runs after the element has been created.

user2255742 Over a year ago

It does work for dynamic elements, just a small typo on my part, thanks for your help!

Collectives™ on Stack Overflow

Use textbox text in jQuery AJAX request

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related