How to use javascript to get input and put it on the page

Question

I have the code below to get a date from a user and then put it in a variable but how do I add an event that once the user picks a date to then add it on the screen.

<div class="container" >
    <div>
      <h1>Welcome to this site</h1>
      <p>Please select a date below.</p>
      <p>Click Here: <input type="text" name="date" id="datepicker" /><p> 
</div>
<div id='test'>
</div>

<script>
$("#datepicker").datepicker();
$("#datepicker").bind("change", function () {
    $("#test").text($(this).val());
});
</script>

The code works this way.

Ashish Kumar · Accepted Answer · 2014-02-04 06:16:34Z

1

Try this:

$("#datepicker").bind("change", function () {
    $("#test").text($(this).val());
});

Working Demo on : JS Fiddle

answered Feb 4, 2014 at 6:16

Ashish Kumar

3,0393 gold badges20 silver badges27 bronze badges

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

1 Comment

Steve Over a year ago

As mentioned below, as of jQuery 1.7 you should use on() instead of bind().

SeeTheC · Accepted Answer · 2014-02-04 05:59:44Z

0

try on onChange event :

 var dateSelected ;
$("#datepicker").bind("change",function(){ 

 //.. your code
  dateSelected = document.getElementById('datepicker').value;

});

answered Feb 4, 2014 at 5:59

SeeTheC

1,64013 silver badges14 bronze badges

3 Comments

Steve Over a year ago

.bind() is outdated. As of jQuery 1.7, on() is the preferred method.

user2093601 Over a year ago

I'm trying to figure it out but what code of mine would I put into the 'your code' part?

SeeTheC Over a year ago

As per you functionality , as this method is called whenever date is changed .

Collectives™ on Stack Overflow

How to use javascript to get input and put it on the page

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related