Question

This is my first time using jquery and while this is a fairly simple task I’m stuck already.
I’ve got a input box with the time of day in it. I would like to create a button to grab the time and send it to a variable (setTime) so I can use the time elsewhere in the script.
However I’m having trouble the variable to pass, I’ve added an alert window but all I get is either a blank alert or an “undefined” alert.
The first line

Start Time…. works fine its the setTime stuff that’s broken.

Page header:
setTime = $('#setTime').text();
$(‘#formTime’).timeEntry({show24Hours: true});

Page body:

<p>Start Time <input type="text" size="2" id="formTime" class="spinners" value="" /> </p>

    <input type="button" value="Set Time" onclick="$('#setTime').val('#formTime');" />
    <input type="button" value="Show Date" onclick="alert(setTime);" /> 

Thanks

Answer 1

You have to make a few changes to your code.
Update your Html by adding some ids for example.

<p>
    Start Time <input type="text" size="2" id="formTime" class="spinners" value="" />
</p>

<input id="setTime" type="button" value="Set Time" />
<input id="showTime" type="button" value="Show Date" /> ​

Personally I don’t like assigning script to events within the html controls as they become hard to maintain and add clutter to the page.
You can write script at the bottom of the html page within a script tag or better yet, use an external js file. External js files will also keep your Html clean and your scripts unobtrusive.

var setTime = 0;
var $fromTime = $("#formTime")

$("#setTime").off("click").on("click", function(){
    setTime = $fromTime.val();
});

$("#showTime").off("click").on("click", function(){
    alert(setTime);
});

See working DEMO

Using jQuery can be confusing at times but the on-line documentation is fantastic.