Updating an input value with Jquery

Question

I have a form with a few fields, one of which should be updated based on the value of another. The value of the first is POSTed to another URL, and the returned value should be used to fill the second field. Here's the code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>        
    function lookup(rid) {
                    $.get("/handler?rid=" + $("input#rid").val(), function(update_rid){
                        $("#name").val(html(update_rid));
                    })
                }
    </script>
        <form name="new_alert">
            <input type="text" name="rid" id="rid" onkeyup="lookup(this.value);">
            <br />
            <input type="text" name="name" id="name">  
        </form>

The POST works fine, and the correct data is returned from /hander, which I confirmed by making a test and filling it using $("#testdiv").html(update_rid);

So it seems like the problem is in the way I'm trying to update the value, but I can't get past that.

Oops, looks like this was an easy one.

Evan
– Evan

2010-06-15 07:22:25 +00:00
Commented Jun 15, 2010 at 7:22 — Evan
– Evan, Commented Jun 15, 2010 at 7:22

jAndy · Accepted Answer · 2010-06-15 07:19:37Z

4

Remove the html() within val().

$.get("/handler?rid=" + $("input#rid").val(), function(update_rid){
   $("#name").val(update_rid);
});

It still might depend on what kind of data is returned from your server.

note by author

Stay unobtrusive!

Replace your inline onkeyup handler with

$(function(){
    $('#rid').bind('keyup', function(){
        lookup($(this).val());
    });
});

answered Jun 15, 2010 at 7:19

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

Comments

Jacob Relkin · Accepted Answer · 2010-06-15 07:18:27Z

3

Unless you defined a function called html somewhere, you should try it without it.

$("#name").val(update_rid);

answered Jun 15, 2010 at 7:18

Jacob Relkin

164k34 gold badges352 silver badges321 bronze badges

Comments

Reigel Gallarde · Accepted Answer · 2010-06-15 07:24:03Z

0

I suggest input to be,

<input type="text" name="rid" id="rid">

then jQuery as

$('#rid').keyup(function(){
    var self = this
    $.get("/handler?rid=" + self.value , function(update_rid){
          $("#name").val(update_rid);
    });
})

answered Jun 15, 2010 at 7:24

Reigel Gallarde

65.5k21 gold badges126 silver badges142 bronze badges

1 Comment

jAndy Over a year ago

It's impressive how the exact same copied answer can take the checkmark, 5 minutes later :p

Collectives™ on Stack Overflow

Updating an input value with Jquery

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related