Header menu

_________________________________________________________________________________

Tuesday 6 May 2014

How to get value of select box in Javascript/Jquery ?


 

Get value of select box in Javascript/Jquery

This is my select box.  And i want to get its value in javascript/jquery .

<select name="qt" class="qt" id='qt'>
<option value='0'>&nbsp;</option>
<option value='Newspaper'>Newspaper</option>
<option value='Facebook Ad'>Facebook Ad</option>
<option value='Google Search'>Google Search</option>
<option value='Other Internet Site'>Other Internet Site</option>
<option value='Test Prep Center'>Test Prep Center</option>
</select>

 To get its value i will use two lines.

var s = document.getElementById('qt');         /**qt is the id of select box**/
var selectval = s.options[s.selectedIndex].value; 

Working example:


<html>
<head>
<script type="text/javascript">
function val(){
var s = document.getElementById('qt'); /**qt is the id of select box**/
var selectval = s.options[s.selectedIndex].value;
alert(selectval);
}
</script>
</head>
<body>
<h2>Get value of select box in javascript/jquery . On click submit value of box will be shown in alert</h2>
Select one option:
<select name="qt" class="qt" id='qt'>
    <option value=''>select</option>
    <option value='Google Search'>Google Search</option>
    <option value='Facebook Ad'>Facebook Ad</option>
    <option value='Other Internet Site'>Other Internet Site</option>
    <option value='Test Prep Center'>Test Prep Center</option>
    <option value='Newspaper Ad'>Newspaper Ad</option>
</select>
<input type=button value='click here' onclick="val();">
</body>
</html>
Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)