Web Page สร้างเว็บเพจ html5 javascript สร้าง dropdown List โดยเลือกแล้วไปดึงข้อมูลจากดาต้าเบสมาแสดง แต่เลือกได้แค่ครั้งแรก
Web Page สร้างเว็บเพจ html5 javascript สร้าง dropdown List โดยเลือกแล้วไปดึงข้อมูลจากดาต้าเบสมาแสดง แต่เลือกได้แค่ครั้งแรก แล้วครั้งต่อไปมันไม่เปลี่ยนค่าอ่าคะ รบกวน ใครทราบช่วยบอกหน่อยคะCode (JavaScript)
<!DOCTYPE HTML>
<html>
<head>
<title>Salad Lovers</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<section>
<br>
<br>
<br>
<font style="font-size:15px; color:#FFCC00;"> Select Categories ..</font>
<select name="cars" id="mySection" onchange="myFunction()">
<option >-- กรุณาเลือกประเภท --</option>
</select>
</section>
<section>
<ul id="myUL" data-role="listview" data-inset="true" data-filter="true">
</ul>
</section>
<script> //ฟังก์ชั่นนี้ดึงข้อมูลประเภทมาแสดงที่ dropdownlist
$(function() {
id = localStorage.site;
var people = [];
var url = "http://saladlovers.net/mobile/connect/menu.php?id=";
var json = url+id;
$.getJSON(json, function(json1) {
$.each(json1, function(key, data) {
$('#mySection').append('<option value="'+ data.ItemCateCode +'" onclick="myFunction()"> '+ data.ItemCateCode +' : ' + data.LocalDesc + '</option>');
});
$('#mySection').select('refresh');
});
});
</script>
<script> //ฟังก์ชั่นนี้เลือก dropdownlist แล้วดึงข้อมูลจากด้าต้ามาแสดงบนลิสวิว
function myFunction() {
var x = document.getElementById("mySection").value;
localStorage.ItemCateCode = x;
//$('#mySection').change(function() {
$(function() {
id = localStorage.site;
idItem = localStorage.ItemCateCode;
var people = [];
var url = "http://saladlovers.net/mobile/connect/itemmenu.php?id=";
var urls = "&idItem=";
var json = url+id+urls+idItem;
$.getJSON(json, function(json1) {
$.each(json1, function(key, data) {
$('#myUL').append('<li>' +
'<a href="#"><h3 style="color:#FFCC00">VendorCode : ' + data.VendorCode + '</h3><h3 style="color:#FFCC00">ItemCateCode : ' + data.ItemCateCode + '</h3><h3 style="color:#FFCC00">ItemCode : ' + data.ItemCode + '</h3><h3 style="color:#FFCC00">' + data.LocalDesc + ' ( '+ data.EngDesc + ' )'+'</h3><h4 style="color:#C0C0C0">ราคา ' + data.SalePrice + ' บาท</h4></a></li>');
});
$('#myUL').listview('refresh');
});
});
}
</script>
</body>
</html>
Tag Ms SQL Server 2005, HTML/CSS, JavaScript, Ajax, jQuery
ประวัติการแก้ไข
Date :
2016-12-27 16:21:01By :
aummyasiaView :
1099Reply :
1
ลอง alert(url);
Date :
2016-12-28 10:37:06By :
mr.win
Server 05
Load balance : Server 05
