how to update an input variable in jquery

Question

I'm trying to update an input value based upon a user clicking a button. I have the following:

html

<input id="my-data-1" value="here is a value" />
<button data-which="my-data-1" class="update-form">update</button>

jquery

$(document).ready(function(){
  $('body').on('click','.update-form', function(){
    var me=$(this).attr('data-which');
   // this doesn't work, how would I update it?
    $("'#" + me + "'").val('something for you');  
  });
});

but it isn't working with error:

Uncaught Error: Syntax error, unrecognized expression: '.update-form'

How would I make this work?

$('#' + me ).val('something for you'); Don't worry, JQuery will do the rest - selector will be recognized. No need for quotes. — sinisake
– sinisake, Commented Aug 29, 2015 at 19:56

saruftw · Accepted Answer · 2015-08-29 19:59:10Z

1

Try this :

$(document).ready(function(){
  $('body').click(function(){
    var me=$('.update-form').attr('data-which');
    $('#' + me).val('something for you');  
  });

answered Aug 29, 2015 at 19:59

saruftw

1,2042 gold badges16 silver badges37 bronze badges

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

Comments

Matthew Dunbar · Accepted Answer · 2015-08-29 20:00:13Z

0

You don't need the single quotes on the line where you set the new value. You want:

$("#" + me).val('something for you');

Here's the fiddle

answered Aug 29, 2015 at 20:00

Matthew Dunbar

4262 silver badges5 bronze badges

Comments

siracoj · Accepted Answer · 2015-08-29 20:00:34Z

0

Looks like an issue with how you are selecting the button, you could try a more guarenteed way to select it:

$(document).ready(function(){
    $('body').find('.update-form').on('click', function(){
        var me=$(this).attr('data-which');
        $("#" + me).val('something for you');  
    });  
});

answered Aug 29, 2015 at 20:00

siracoj

1019 bronze badges

Comments

Akshay Chawla · Accepted Answer · 2015-08-29 20:12:22Z

0

You can try with this

$("#" + me).val('something for you');
});

answered Aug 29, 2015 at 20:12

Akshay Chawla

6131 gold badge8 silver badges17 bronze badges

Collectives™ on Stack Overflow

how to update an input variable in jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related