StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POphp mysql + ajax and jquery to dpopulate dynamic drop list
primarykey
Id
16165144
data
AcceptedAnswerId
16165691
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-04-23T08:58:11.583
FavoriteCount
0
LastActivityDate
2013-04-23T12:29:50.417
LastEditDate
2013-04-23T09:19:10.977
LastEditorUserId
2306354
OwnerUserId
2306354
ParentId
0
PostTypeId
1
Score
0
ViewCount
534
LastEditorDisplayName
text
Body
<p>i am creating 2 dynamic drop list that the second one is based on the selection of the first but the problem is that the second one do not populate and i do not know where is the error can anyone help me ????</p> <h1>dbconfig.php</h1> <pre><code><?php $host = "localhost"; $user = "*****"; $password = "****"; $db = "lam_el_chamel_db"; ?> </code></pre> <h1>select.php</h1> <pre><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("select#district").attr("disabled","disabled"); $("select#governorate").change(function(){ $("select#district").attr("disabled","disabled"); $("select#district").html("<option>wait...</option>"); var id = $("select#governorate option:selected").attr('value'); $.post("select_district.php", {id:id}, function(data){ $("select#district").removeAttr("disabled"); $("select#district").html(data); }); }); $("form#select_form").submit(function(){ var cat = $("select#governorate option:selected").attr('value'); var type = $("select#district option:selected").attr('value'); if(cat>0 && type>0) { var result = $("select#district option:selected").html(); $("#result").html('your choice: '+result); } else { $("#result").html("you must choose two options!"); } return false; }); }); </script> </head> <body> <?php include "select.class.php"; ?> <form id="select_form"> Choose a governorate:<br /> <select id="governorate"> <?php echo $opt->ShowGovernorate(); ?> </select> <br /><br /> choose a district:<br /> <select id="type"> <option value="0">choose...</option> </select> <br /><br /> <input type="submit" value="confirm" /> </form> <div id="result"></div> </body> </html> </code></pre> <h1>select class.php</h1> <pre><code><?php class SelectList { protected $conn; public function __construct() { $this->DbConnect(); } protected function DbConnect() { include "dbconfig.php"; $this->conn = mysql_connect($host,$user,$password) OR die("Unable to connect to the database"); mysql_select_db($db,$this->conn) OR die("can not select the database $db"); return TRUE; } public function ShowGovernorate() { $sql = "SELECT * FROM governorate"; $res = mysql_query($sql,$this->conn); $governorate = '<option value="0">choose...</option>'; while($row = mysql_fetch_array($res)) { $governorate .= '<option value="' . $row['governorate_id'] . '">' . $row['governorate_name'] . '</option>'; } return $governorate; } public function ShowDistrict() { $sql = "SELECT * FROM districts WHERE governorate_id=$_POST[id]"; $res = mysql_query($sql,$this->conn); $district = '<option value="0">choose...</option>'; while($row = mysql_fetch_array($res)) { $district .= '<option value="' . $row['district_id'] . '">' . $row['district_name'] . '</option>'; } return $district; } } $opt = new SelectList(); ?> </code></pre> <h1>select _type.php</h1> <pre><code><?php include "select.class.php"; echo $opt->ShowDistrict(); ?> </code></pre> <h1>table structure</h1> <p>governorate : </p> <ul> <li>governorate_id</li> <li>governorate_name</li> </ul> <p>districts:</p> <ul> <li>district_id,</li> <li>district_name,</li> <li>governorate_id.</li> </ul>
Tags
<php><mysql><jquery><drop-down-menu>
Title
php mysql + ajax and jquery to dpopulate dynamic drop list
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USuser2306354
UserOwnerUserId
1. USuser2306354
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.