 |
|
Web Page สร้างเว็บเพจ html5 javascript สร้าง dropdown List โดยเลือกแล้วไปดึงข้อมูลจากดาต้าเบสมาแสดง แต่เลือกได้แค่ครั้งแรก แล้วครั้งต่อไปมันไม่เปลี่ยนค่าอ่าคะ รบกวน ใครทราบช่วยบอกหน่อยคะ
สามารถแสดงข้อมูลได้ แต่เลือกได้แค่ครั้งเดียว คือครั้งแรกคะ แล้วครั้งต่อไปเลือก dropdownlist แล้วข้อมูลไม่เปลี่ยนแปลง
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
|
ประวัติการแก้ไข
2016-12-27 16:21:39
|
 |
 |
 |
 |
| Date :
2016-12-27 16:21:01 |
By :
aummyasia |
View :
1156 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
