Load a new value into an input from PHP with jQuery?

Question

I have some input like:

'<input type="text" name="display-count" class="display-count" value="23" autocomplete="off" readonly="readonly" />';

And I'm using this jQuery code to remove the value it has and replace it with another one:

var count = $('form.user-count-form').find('.display-count');
$(count).val('');
$(count).load("admin/user-count.php");

But the new value it isn't loaded. I have tried some other ways like:

$(count).val().load("admin/user-count.php");

or

$(count).val(load("admin/user-count.php"));

But didn't work as well. How do I do what I want ?

iAmClownShoe · Accepted Answer · 2012-02-11 07:44:19Z

2

You need to use the JQuery get method here. You are improperly calling the script from your server and therefore, no call is actually firing and no data is being returned. I'm assuming that the value you are getting is a single string of either text or numbers.

the question is a bit vague so I'm not sure why you have the initial value set at 23 and I'm also not sure when you want to change the value so I am going to show you how to do it upon the dom being ready using the $(document).ready method.

$(document).ready(function(){
    $.get('admin/user-count.php', function(data){
            $('.display-count').val(data);
        });
});

answered Feb 11, 2012 at 7:44

iAmClownShoe

6161 gold badge4 silver badges10 bronze badges

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

2 Comments

Casey Kinsey Over a year ago

Your methodology is correct, though the OP is not "improperly" calling the script from his server. The .load() method, as I understand it, is more or less identical to the .get() method, except that it has an implied callback that adds the response to the inner HTML of the element that .load() was called on. So, the script was likely being retrieved, but never added to the input element's value attribute. Had this code been applied to a div, it probably would have worked (in as much as the response would have made it to the DOM).

iAmClownShoe Over a year ago

Yes I apologize. You are right, had it been applied to a div it would have worked since .load would add whatever html came back upon loading the script. I should have clarified that if he wants to get the data from a script and replace a current value of an input, he would have to use the $.get or $.getJSON methods.

leaf · Accepted Answer · 2012-02-11 07:45:19Z

0

depends of what your script returns

you can do it so, for example:

$.ajax({
  url: 'admin/user-count.php',
  success: function( data ) {
    $(count).val(data);
  }
});

In additional you can return you user-count in JSON format, using php-function json_encode()

answered Feb 11, 2012 at 7:45

leaf

951 silver badge11 bronze badges

Comments

Jaspreet Chahal · Accepted Answer · 2012-02-11 08:09:45Z

0

why dont your just try this

 $('input.display-count').load("admin/user-count.php);

or try this onLoad of your HTML doc

 $.get('admin/user-count.php', function(response){
        $('input.display-count').val(response);
    });

edited Feb 11, 2012 at 8:09

answered Feb 11, 2012 at 7:38

Jaspreet Chahal

2,7601 gold badge17 silver badges17 bronze badges

Comments

kirubakar · Accepted Answer · 2012-02-11 20:03:09Z

0

.load() will return the Html Contents to matched Element ,it wont set any value. Better you can use $.get or $.post or $.ajax

$.get('admin/user-count.php', function(resultdata){
    $('input.display-count').val(resultdata);
});

or

$.ajax({
     url: 'admin/user-count.php',
     success: function( resultdata ) {
       $(count).val(resultdata);
     }
});

answered Feb 11, 2012 at 20:03

kirubakar

1992 silver badges6 bronze badges

Collectives™ on Stack Overflow

Load a new value into an input from PHP with jQuery?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related