Most Popular Tutorials
-
What is Javascript
-
BOM (Browser object model)
-
DOM (Document object model)
-
Variable
-
Variable is empty or Not
-
Javascript output
-
Function
-
Events
-
Array
-
Get text value
-
Get Form field value
-
Pattern validation
-
Form validation
-
Checkbox validation
-
Inner Html form validation
-
Form validation on php server
-
Window and window location
-
Get Text Value
-
get javascript value in php
-
Date Format
-
Get php variable in javascript
-
Redirect page in javascript
-
Auto Refresh page and DIV
-
Get text value from dropdown
-
Clear Browser History
-
Get Checkbox value
-
select (Dropdown)
-
PopUp Contact Form
-
sidebar contact form
-
Show modal on page load
-
Auto calculate price GST
-
print html and Div content
-
Calculate Discount prince
-
Checked single or all checkbox
-
Auto Fill form data on click checkbox
-
Show subcategory (Dependent Dropdown)
-
country, state, city (Dependent Dropdown)
-
Image upload with preview image
-
Filter table data
-
Character Limit Validation
-
uploading file size validation
-
Special Character validation
-
multiple file upload (Add more)
-
function call after page load
-
Disable Submit Button After Form Submission
-
disable browser back button
-
Remove selected item from second & third dropdown list
-
Interview Question
-
Active Tab Menu
-
String methods
Most Popular Tutorials :-
Simply Easy Learning at Your Fingertips. Click Tutorials Menu to view More Tutorial List
How to get text value using javascript?
Get the text vlaue on click text.
File name : index.php
<div id="idiv" class="clsdiv">Click on this text:<br/>
Free Web Programming Courses - http://coursesweb.net/</div>
<div id="fff" class="yuyuyu">gfgfgf</div>
<script type="text/javascript"><!--
$(document).ready(function() {
$('div').click(function(){
var idd = $(this).attr('id');
var classdiv = $(this).attr('class');
alert('ID is: '+ idd+ '\n Class: '+ classdiv);
});
});
--></script>
Free Web Programming Courses - http://coursesweb.net/</div>
<div id="fff" class="yuyuyu">gfgfgf</div>
<script type="text/javascript"><!--
$(document).ready(function() {
$('div').click(function(){
var idd = $(this).attr('id');
var classdiv = $(this).attr('class');
alert('ID is: '+ idd+ '\n Class: '+ classdiv);
});
});
--></script>
http://coursesweb.net/jquery/get-attribute-id-class-name-title-src-jquery
File name : index.php
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
$(".lival").on('click','li',function (){
//alert($(this).html())
var li = $(this).html();
alert(li);
$.ajax({
type: "POST",
url: "lidata.php",
data: "size="+li,
success:function(data){
//$("#msg-status").html(data);
alert("Thank you for updating!");
}
});
});
})
</script>
<body>
<input id = "inputid" type = "hidden" />
<div class="lival">
<ul>
<li id="one"> Small</li>
<li id="two"> Medium</li>
<li id="Three">Large</li>
</ul>
</div>
</body>
</html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
$(".lival").on('click','li',function (){
//alert($(this).html())
var li = $(this).html();
alert(li);
$.ajax({
type: "POST",
url: "lidata.php",
data: "size="+li,
success:function(data){
//$("#msg-status").html(data);
alert("Thank you for updating!");
}
});
});
})
</script>
<body>
<input id = "inputid" type = "hidden" />
<div class="lival">
<ul>
<li id="one"> Small</li>
<li id="two"> Medium</li>
<li id="Three">Large</li>
</ul>
</div>
</body>
</html>
File name : lidata.php
<?php
session_start();
$host = "localhost";
$user = "root";
$password = "";
$database = "db_test";
$con = mysqli_connect($host,$user,$password);
mysqli_select_db($con, $database);
$prosize=$_POST['size'];
echo $prosize;
$_SESSION["itemsize"] = $prosize;
?>
session_start();
$host = "localhost";
$user = "root";
$password = "";
$database = "db_test";
$con = mysqli_connect($host,$user,$password);
mysqli_select_db($con, $database);
$prosize=$_POST['size'];
echo $prosize;
$_SESSION["itemsize"] = $prosize;
?>
How to get list text value using javascript & jquery.
File name : index.php
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$(".Itemsize").on('click','li',function (){
//alert($(this).html())
var lis = $(this).html();
//alert("You have select size : " +lis);
// window.location.href="cart.php?itemsize="+lis;
//document.write("You have select " +lis +"size");
document.getElementById('psize').innerHTML = "You have select size : " +lis;
document.form1.formvar.value = lis;
});
return;
})
</script>
<form name="form1">
<ul class="Itemsize">
<li id="menu-selected">Small</li>
<li id="menu-selected">Medium</li>
<li id="menu-selected">Large</li>
</ul>
<p id="psize"></p>
<input type="text" name="formvar" value="">
</form>
</body>
</html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$(".Itemsize").on('click','li',function (){
//alert($(this).html())
var lis = $(this).html();
//alert("You have select size : " +lis);
// window.location.href="cart.php?itemsize="+lis;
//document.write("You have select " +lis +"size");
document.getElementById('psize').innerHTML = "You have select size : " +lis;
document.form1.formvar.value = lis;
});
return;
})
</script>
<form name="form1">
<ul class="Itemsize">
<li id="menu-selected">Small</li>
<li id="menu-selected">Medium</li>
<li id="menu-selected">Large</li>
</ul>
<p id="psize"></p>
<input type="text" name="formvar" value="">
</form>
</body>
</html>
How to get text value in javascript?
Get the text vlaue on click text.
File name : index.php
<div id="idiv" class="clsdiv">Click on this text:<br/>
Free Web Programming Courses - http://coursesweb.net/</div>
<div id="fff" class="yuyuyu">gfgfgf</div>
<script type="text/javascript"><!--
$(document).ready(function() {
$('div').click(function(){
var idd = $(this).attr('id');
var classdiv = $(this).attr('class');
alert('ID is: '+ idd+ '\n Class: '+ classdiv);
});
});
--></script>
Free Web Programming Courses - http://coursesweb.net/</div>
<div id="fff" class="yuyuyu">gfgfgf</div>
<script type="text/javascript"><!--
$(document).ready(function() {
$('div').click(function(){
var idd = $(this).attr('id');
var classdiv = $(this).attr('class');
alert('ID is: '+ idd+ '\n Class: '+ classdiv);
});
});
--></script>
http://coursesweb.net/jquery/get-attribute-id-class-name-title-src-jquery
File name : index.php
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
$(".lival").on('click','li',function (){
//alert($(this).html())
var li = $(this).html();
alert(li);
$.ajax({
type: "POST",
url: "lidata.php",
data: "size="+li,
success:function(data){
//$("#msg-status").html(data);
alert("Thank you for updating!");
}
});
});
})
</script>
<body>
<input id = "inputid" type = "hidden" />
<div class="lival">
<ul>
<li id="one"> Small</li>
<li id="two"> Medium</li>
<li id="Three">Large</li>
</ul>
</div>
</body>
</html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
$(".lival").on('click','li',function (){
//alert($(this).html())
var li = $(this).html();
alert(li);
$.ajax({
type: "POST",
url: "lidata.php",
data: "size="+li,
success:function(data){
//$("#msg-status").html(data);
alert("Thank you for updating!");
}
});
});
})
</script>
<body>
<input id = "inputid" type = "hidden" />
<div class="lival">
<ul>
<li id="one"> Small</li>
<li id="two"> Medium</li>
<li id="Three">Large</li>
</ul>
</div>
</body>
</html>
File name : lidata.php
<?php
session_start();
$host = "localhost";
$user = "root";
$password = "";
$database = "db_test";
$con = mysqli_connect($host,$user,$password);
mysqli_select_db($con, $database);
$prosize=$_POST['size'];
echo $prosize;
$_SESSION["itemsize"] = $prosize;
?>
session_start();
$host = "localhost";
$user = "root";
$password = "";
$database = "db_test";
$con = mysqli_connect($host,$user,$password);
mysqli_select_db($con, $database);
$prosize=$_POST['size'];
echo $prosize;
$_SESSION["itemsize"] = $prosize;
?>
How to get list text value using javascript & jquery.
File name : index.php
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$(".Itemsize").on('click','li',function (){
//alert($(this).html())
var lis = $(this).html();
//alert("You have select size : " +lis);
// window.location.href="cart.php?itemsize="+lis;
//document.write("You have select " +lis +"size");
document.getElementById('psize').innerHTML = "You have select size : " +lis;
document.form1.formvar.value = lis;
});
return;
})
</script>
<form name="form1">
<ul class="Itemsize">
<li id="menu-selected">Small</li>
<li id="menu-selected">Medium</li>
<li id="menu-selected">Large</li>
</ul>
<p id="psize"></p>
<input type="text" name="formvar" value="">
</form>
</body>
</html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$(".Itemsize").on('click','li',function (){
//alert($(this).html())
var lis = $(this).html();
//alert("You have select size : " +lis);
// window.location.href="cart.php?itemsize="+lis;
//document.write("You have select " +lis +"size");
document.getElementById('psize').innerHTML = "You have select size : " +lis;
document.form1.formvar.value = lis;
});
return;
})
</script>
<form name="form1">
<ul class="Itemsize">
<li id="menu-selected">Small</li>
<li id="menu-selected">Medium</li>
<li id="menu-selected">Large</li>
</ul>
<p id="psize"></p>
<input type="text" name="formvar" value="">
</form>
</body>
</html>
Previous Next
Trending Tutorials
Review & Rating
0.0 / 5
0 Review
5
(0)
4
(0)
3
(0)
2
(0)
1
(0)
Write Review Here
Most Popular Tutorials
-
Get Form field value
-
multiple file upload (Add more)
-
BOM (Browser object model)
-
get javascript value in php
-
Get text value
-
Calculate Discount prince
-
Filter table data
-
Inner Html form validation
-
Auto Refresh page and DIV
-
Auto calculate price GST
-
sidebar contact form
-
PopUp Contact Form
-
Get Text Value
-
Form validation
-
Function
-
What is Javascript
-
uploading file size validation
-
Show modal on page load
-
Get text value from dropdown
-
Remove selected item from second & third dropdown list
Important Link
-
How to manage Session in php Tutorials.
More ....... -
upcomming codeigniter and angular js tutorials.
Click here to see More ...
