selection box 2 ชั้น ไม่ขึ้นข้อมูลครับ ทำตาม http://www.thaicreate.com/community/dependant-listmenu-dropdownlist.html <แก้ได้แล้ครับ>
ผมเปลียน code นิดหน่อยCode (PHP) <?
//------------ส่วนการเปิด Connection ในการติดต่อกับ MySQL ----------------
$hostname = "localhost";
$username = "root";
$password = "tctadmin";
$dbname = "ims";
$conn = mysql_connect( $hostname, $username, $password );
if ( ! $conn )
die ( "ไม่สามารถติดต่อกับ MySQL ได้" );
//----------จบ ส่วนการเปิด Connection ในการติดต่อกับ MySQL ---------------
//----------ส่วนการเลือกฐานข้อมูล school --------------------------------------
mysql_select_db ( $dbname, $conn )
or die ( "can't select data" );
//----------จบส่วนการเลือกฐานข้อมูล school -------------------------------------
@mysql_query("SET NAMES UTF8");
?>
Code (PHP) $strSQL = "SELECT * FROM master_category ORDER BY id_master_category ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
Code (PHP) $strSQL = "SELECT * FROM master_category ORDER BY id_master_category ASC ";
$objQuery = mysql_db_query($dbname,$select_date );
Tag PHP
ประวัติการแก้ไข
Date :
2010-10-14 15:41:02By :
ziixView :
1137Reply :
4
แล้วยังไง ครับงง
Date :
2010-10-14 16:08:44By :
kanchen
run แล้วมันขึ้นแค่ช่องแรกครับ selection level2 และ 3 มันไม่ขึ้นครับ ไม่รู้ทำไม????
Date :
2010-10-14 18:31:55By :
ziix
index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Dependent Dropdown list By DS_Ohm</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.18" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
// The DOM is fully loaded.
$(function() {
var category;
// Bind an event handler to the "change" JavaScript event.
$("#categories").change(function() {
category = $("#categories").val();
// Set empty the HTML contents in the element id is item.
$('#item').html("");
// Load JSON-encoded data from the server using a GET HTTP request.
$.getJSON('ajaxAction.php?c=' + category, function(data) {
// Iterate over a jQuery object, executing a function for each matched element.
console.time('loop');
$.each(data, function(index, value) {
// Insert content, specified by the parameter,
// to the end of each element in the set of matched elements.
$('#item').append('<option value="' + index + '">' + value + '</option>');
});
console.timeEnd('loop');
});
});
$("#item").change(function() {
// Load JSON-encoded data from the server using a GET HTTP request.
$('#selectedItem').html(parseInt($("#item").val()) + (category * 1000));
});
});
</script>
</head>
<body>
<?php
// define category as array
$categories = array('0-999', '1000-1999', '2000-2999');
// choose category
echo '<p>Categories : <select name="categories" id="categories">';
// loop categories in select option
foreach ($categories as $key => $category) {
echo '<option value="' . $key . '">' . $category . '</option>';
}
echo '</select></p>';
// choose item
echo '<p>Item : <select name="item" id="item"></select></p>';
// display select item html
echo '<p>Selected Item : <span id="selectedItem"></span></p>';
?>
</body>
</html>
ajaxAction.php <?php
// item array
$item[] = range(0, 999);
$item[] = range(1000, 1999);
$item[] = range(2000, 2999);
// get category
$category = isset($_GET['c']) ? $_GET['c'] : 0;
// encoding to json format
echo json_encode($item[$category]);
?>
Date :
2010-10-15 14:51:47By :
DS_Ohm
แก้ได้แล้ครับ
Date :
2010-10-15 17:10:20By :
ziix
Server 03
Load balance : Server 03
