jquery text input box pass to variable

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

you are more likely to get good answers if you show you've done your research first. "Fix this for me" questions with little research to show are frowned upon. — tucuxi
– tucuxi, Commented Aug 1, 2012 at 22:39

Nope · Accepted Answer · 2012-08-01 22:47:34Z

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.

answered Aug 1, 2012 at 22:47

Nope

22.4k8 gold badges50 silver badges73 bronze badges

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

2 Comments

Tats_innit Over a year ago

+1 for the awe and some-ness in the post i.e. demo and opinion. < which I agree >

Nope Over a year ago

@Tats_innit: Thank you. It's appreciated.

Quentin · Accepted Answer · 2012-08-01 22:33:04Z

0

#setTime means "The element with the id 'setTime'" - you have no element with that id, and the control you are trying to get the value of has no id at all.

timeEntry is not a jQuery method, so will error when you try to call it. If you are using a plugin that you think should add that method then you should say so.

.val('#formTime') will set the value of a form control to the string #formTime. If you want to get the value, don't pass that method an argument … and do assign the return value of the method call to something.

You should probably work through an introduction to programming and JavaScript.

answered Aug 1, 2012 at 22:33

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

jquery text input box pass to variable

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related