Home Javascript Javascript get Date And Selected Option Text
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

Javascript get Date And Selected Option Text

Advertisement
This tutorial explains you that how to display the date and the selected option text in Javascript. This example explains how to write the Javascript code for displaying the date and the selected option text into HTML.

Javascript get Date And Selected Option Text

In this tutorial we will learn about how to get Date from the textbox and displayed as Date as well as how to get the selected option text and displayed in Javascript.

This tutorial explains you that how to display the date and the selected option text in Javascript. This example explains how to write the Javascript code for displaying the date and the selected option text into HTML.

Example

Here I am giving a simple example which will demonstrate you how to get the date and selected option value using id in html form and display these value in Javscript. To accomplish this task I will create a Html page where I will write the script for taking the value from html form using id. And at html page I will use the html tags for taking date and select and option tags for providing the dropdown list of options.

Source Code

<html>
<head>

<script>
function getData(){
var d = document.getElementById("dt").value; 
var dob = new Date();
Date.parse(d);
alert(dob);
var g=document.getElementById("gd");
var txt=g.options[g.selectedIndex].text; 
alert(txt);
} 

</script>

</head>
<body>
<form action="#" onsubmit="getData();">
<table>
<tr>
<td>Enter DOB </td>
<td><input type="text" id="dt"/></td>
</tr>
<tr>
<td>Select Gender </td>
<td>
<select id="gd">
<option>Male</option>
<option>Female</option>
</select>
</td>
</tr>
<tr><td></td>
<td><input type="submit" value="submit"/></td>
</tr>
</form>
</body>
</html>

Output

When you will execute the above code you will get the output as follows :

When you will click on submit button then the output will be as follows :

When you will click on ok button then the output will be as follows :

Download Source Code

Advertisement

Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: February 13, 2013

Ask Questions?    Discuss: Javascript get Date And Selected Option Text  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com