JavaScript Tutorials
- What is Javascript?
- What is BOM?
- What is DOM?
- Variable
- check variable value is empty
- JavaScript Output
- Functions
- Javascript Events
- Input Events
- onchange Event
- Javascript Output methods
- If else statement
- Arrays
- Pattern Validation
- Form Validation
- Inner Html Form Validation
- Inline Form Validation
- Checkbox Validation
- Inline Inner Html Form Validation
- Server side php Validation
- Validate a HTML Form with PHP
- window and window location
- Get Text Value
- Get hidden field value
- JavaScript & PHP
- Date Format
- get php value in javascript
- Redirect page & Autoredirect page
- Auto Refresh page & Div
- How to get select text value from Dropdown box
- How to clear browser history in javascript
- Checkbox Problems
- Select option problems
- Popup Contact Form
- Sidebar Contact Form
- How to use a multistep Form or Form wizard
- Auto Calculate Price
- print Application Form
- Auto Calculate GST in Javascript by select price
- Calculate GST by input value in text box Jquery
- Calculate Discount
- onClick Checkbox
- autofil form data click on checkbox
- Show subcategory list
- Show city list as per state
- Show district list as per country and state
- Show good morning good night wish
- image upload with preview image
- Print Div Content
- Show modal popup on page load
- filter table data usign javascript.
- Character Limit Validation.
- Validate File 5MB Upload
- Validate Special character
- More File Upload
- Call JavaScript Function After Page Load
- Drop Down First option Value Disabled --- Please Select ---
- How to Disable Submit Button After Form Submission
- How to disable browser back button using Jquery?
- How to Remove selected item from second & third dropdown list?
- Interview Questions of JavaScript.
Important Link
Home » Javascript »
Get Text value on click
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>
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>
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;
?>
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>