Most Popular Tutorials
Most Popular Tutorials :-

Simply Easy Learning at Your Fingertips. Click Tutorials Menu to view More Tutorial List





How to Get text value from dropdown using javascript?

How to get select text from option box in JavaScript ?

<!DOCTYPE html PUBLIC "-//ittutorialC//DTD XHTML 1.0 Transitional//EN" "http://www.ittutorial.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.ittutorial.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>How to get select box option text in JavaScript</title>
<script type="text/javascript">
function ShowOptionText() {
var selected_object = document.getElementById('typeofwork');
var selected_index = selected_object.selectedIndex;
alert(selected_object.options[selected_index].text);
}
</script>
</head>

<body>
<form name="frm" method="post">
<select name="typeofwork" id="typeofwork" onChange="ShowOptionText()">
<option value="0">Essay</option>
<option value="1">Dissertation</option>
<option value="2">Editing</option>
<option value="3">Proof Reading</option>
<option value="4">Admission Essays</option>
<option value="5">Article Writing</option>
<option value="6">Lab Report</option>
<option value="7">Web Content</option>
<option value="8">Math Problem</option>
<option value="11">Resume/CV Creation</option>
<option value="15">PowerPoint Presentation</option>
</select>
</form>
</body>
</html>


How to get the value of checkboxes selected in JavaScript

<!DOCTYPE html PUBLIC "-//ittutorialC//DTD XHTML 1.0 Transitional//EN" "http://www.ittutorial.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.ittutorial.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>How to get the value of checkboxes in the order they are selected</title>
<script type="text/javascript">
arr = new Array();
function CheckboxOrder(elemId){
var chkBox = document.getElementById(elemId);
if(document.getElementById(elemId).checked) {
arr.push(elemId);
}
else {
for(var i = arr.length; i>=0; i--){
if(arr[i]==elemId){
arr.splice(i,1);
break;
}
}
}

for(var i = 0; i<=(arr.length-1); i++){
alert("checked value list ::"+arr[i]);
}
}
</script>
</head>

<body>
<input type="checkbox" id="A" onClick="CheckboxOrder('A')">A<br/>
<input type="checkbox" id="B" onClick="CheckboxOrder('B')">B<br/>
<input type="checkbox" id="C" onClick="CheckboxOrder('C')">C<br/>
<input type="checkbox" id="D" onClick="CheckboxOrder('D')">D<br/>

</body>
</html>





Previous Next


Trending Tutorials


PHP

PHP

100+ Tutorials
oops

PHP OOPs

80+ Tutorial
Codeigniter

Codeigniter

100+ Tutorial
Laravel

Laravel

100+ Tutorials
Node.js

NODE.JS

100+ Tutorials
Javascript

Javascript

100+ Tutorials


Review & Rating

0.0 / 5

0 Review

5
(0)

4
(0)

3
(0)

2
(0)

1
(0)

Write Review Here


Most Popular Tutorials

 Important Link