<html>
<head>
<title>Demo Javascript Aleart</title>
</head>
<body>
Enter some text:
<input name="txt" onchange="myFunction(this.value)" type="text" value="Hello" />
<script type="text/javascript">
function myFunction(val) {
alert("The input value has changed. The new value is: " + val);
}
</script>
</body>
</html>
<head>
<title>Demo Javascript Aleart</title>
</head>
<body>
Enter some text:
<input name="txt" onchange="myFunction(this.value)" type="text" value="Hello" />
<script type="text/javascript">
function myFunction(val) {
alert("The input value has changed. The new value is: " + val);
}
</script>
</body>
</html>
ตัวอย่างข้างต้นใช้เพียง javascript (ไม่จำเป็นต้องใช้ jQuery) โดยหลักการก็เพียงสร้างฟังก์ชั่น myFunction แล้วใช้ตรวจสอบการใช้งานด้วย event onchange ของ textbox รับไปสั่งฟังก์ชั่นทำงาน อย่างไรก็ตามอาจโหลด jquery ลงไปเลยก็ได้เผื่อต้องใช้ใน Project ครับ
<head>
<title>Demo Javascript Aleart</title>
<!-- load jquery //-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
</head>
<title>Demo Javascript Aleart</title>
<!-- load jquery //-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
</head>
0 ความคิดเห็น