jquery onclick setting variable

Question

I set a variable 'api_key' on document load. I want to modify this variable with the text of an input field after clicking a button

var api_key = "";

//my button has an id named "btn-verify", the input field has an id named "verify"
$("#btn-verify").click({
        api_key = $("#verify").val();

    });

this doesn't work, how should I fix this. How do I assign api_key to the value of the input field, on click of a button

Try wrapping your click handler inside `document.ready`. -- `$(function () { $("#btn-verify").click({ api_key = $("#verify").val(); }); });` — Selvakumar Arumugam, May 02 '13 at 20:42
@CQM I'm with Vega. It probably is executing before the the document is finished loading. — Justin, May 02 '13 at 20:44

score 2 · Accepted Answer · answered May 02 '13 at 20:44

2

You are missing the function declaration when binding the handler.

Change

$("#btn-verify").click({

to

//Missing function declaration--v   
  $("#btn-verify").click(function (){

answered May 02 '13 at 20:44

Selvakumar Arumugam

79,297
15
120
134

score 0 · Answer 2 · answered May 02 '13 at 20:48

0

Try this:

$(document).ready(function(){
    $("#btn-verify").click(function(){
        api_key = $("#verify").val();
    });
});

the ready function will cause JS to wait untill the DOM finishes to load before runing.

answered May 02 '13 at 20:48

Hermann Stephane Ntsamo

588
4
8

jquery onclick setting variable

2 Answers2