จาวาสคริปรับค่า URL พารามิเตอร์

<!DOCTYPE html>
<html>
<head>

<script>
//สร้างฟังก์ชั่น findGetParameter เพื่อเรียกพารามิเตอร์ที่ต้องการจาก url
function findGetParameter(parameterName) {
var result = null,
tmp = [];
location.search
.substr(1)
.split("&")
.forEach(function (item) {
tmp = item.split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
});
return result;
}
//เรียกพารามิเตอร์ที่ต้องการจาก url ใส่ในตัวแปร
var fname=findGetParameter("fname")
var lname=findGetParameter("lname")
</script>
</head>

<body>
<!สร้างฟอร์มรับอินพุต>
<form action="index11.html">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

<!สร้างจุดแสดงผลเมื่อ กด Submit>
<div id="text1"></div>

<!สั่งแสดงผลตัวแปร fname และ lname; เมื่อ กด Submit>
<script>document.getElementById("text1").innerHTML = fname +' '+lname; </script>
</body>
</html>

ค้นหาบล็อกนี้

สิ่งประดิษฐ์

จาวาสคริปรับค่า URL พารามิเตอร์

ความคิดเห็น

แสดงความคิดเห็น