display details from drop down list

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

Join Date: May 2008
Posts: 1
Reputation: syud_zack is an unknown quantity at this point 
Solved Threads: 0
syud_zack syud_zack is offline Offline
Newbie Poster

display details from drop down list

 
0
  #1
Jun 2nd, 2008
hi all

i have several drop down list. the first 2 drop down list, works fine.

i have the problem when i want to display the data that has been selected from second drop down list into textbox..let say in the second drop down list, i choose rider_name : "Nabil Ismail", the next column which textbox, will display the phone number of the rider.

here parts of my code

  1. <--form page (entryform2.php) -->
  2.  
  3. <?php include('db_connect.php'); ?>
  4. <script language="javascript" type="text/javascript">
  5. function getXMLHTTP() { //fuction to return the xml http object
  6. var xmlhttp=false;
  7. try{
  8. xmlhttp=new XMLHttpRequest();
  9. }
  10. catch(e) {
  11. try{
  12. xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
  13. }
  14. catch(e){
  15. try{
  16. req = new ActiveXObject("Msxml2.XMLHTTP");
  17. }
  18. catch(e1){
  19. xmlhttp=false;
  20. }
  21. }
  22. }
  23.  
  24. return xmlhttp;
  25. }
  26.  
  27. function getRider(club_name){
  28.  
  29. var strURL="findRider2.php?club="+club_name;
  30. var req = getXMLHTTP();
  31.  
  32. if (req) {
  33.  
  34. req.onreadystatechange = function() {
  35. if (req.readyState == 4) {
  36. // only if "OK"
  37. if (req.status == 200) {
  38. document.getElementById('riderdiv').innerHTML=req.responseText;
  39. } else {
  40. alert("There was a problem while using XMLHTTP:\n" + req.statusText);
  41. }
  42. }
  43. }
  44. req.open("GET", strURL, true);
  45. req.send(null);
  46. }
  47. }
  48.  
  49. function getRiderPhoneNumber(club_name,rider_name){
  50.  
  51. var strURL="findRiderPhoneNumber.php?club="+club_name+"&rider="+rider_name;
  52.  
  53. var req = getXMLHTTP();
  54.  
  55. if (req) {
  56.  
  57. req.onreadystatechange = function() {
  58. if (req.readyState == 4) {
  59. // only if "OK"
  60. if (req.status == 200) {
  61. document.getElementById('riderPhoneNumberdiv').innerHTML=req.responseText;
  62. } else {
  63. alert("There was a problem while using XMLHTTP:\n" + req.statusText);
  64. }
  65. }
  66. }
  67. req.open("GET", strURL, true);
  68. req.send(null);
  69. }
  70. }
  71.  
  72. function getHorse(owner_name){
  73.  
  74. var strURL="findHorse.php?owner="+owner_name;
  75. var req = getXMLHTTP();
  76.  
  77. if (req) {
  78.  
  79. req.onreadystatechange = function() {
  80. if (req.readyState == 4) {
  81. // only if "OK"
  82. if (req.status == 200) {
  83. document.getElementById('horsediv').innerHTML=req.responseText;
  84. } else {
  85. alert("There was a problem while using XMLHTTP:\n" + req.statusText);
  86. }
  87. }
  88. }
  89. req.open("GET", strURL, true);
  90. req.send(null);
  91. }
  92. }
  93. </script>
  94. <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
  95. <script type="text/javascript">
  96. <!--
  97. function MM_openBrWindow(theURL,winName,features) { //v2.0
  98. window.open(theURL,winName,features);
  99. }
  100. //-->
  101. </script>
  102. </head>
  103.  
  104. <body>
  105. <p>&nbsp;</p>
  106. <table width="722" height="715" border="0" align="center" bordercolor="#04571a" bgcolor="#7DB04F">
  107. <tr height="107">
  108. <td><p>&nbsp;</p>
  109. <table width="385" border="0" align="center">
  110. <tr>
  111. <th width="125" scope="col"><div align="center"><img src="/epsb/logo_3qclassic2008.gif" alt="3qe" width="90" height="90" /></div></th>
  112. <th width="44" scope="col"><div align="left"></div></th>
  113. <th width="194" scope="col"><div align="center"><img src="/epsb/logo_epsb.gif" alt="epsb" width="180" height="90" /></div></th>
  114. </tr>
  115. </table></td>
  116. </tr>
  117. <tr>
  118. <td valign="center" align="middle"><p>&nbsp;</p>
  119. <p align="center"><font size="5"><strong><span class="style21">3QE CLASSIC 2008 <br />
  120. EQUESTRIAN COMPETITION<br />
  121. <font size="4">10 - 13 JULY 2008</font></span></strong></font></p></td>
  122. </tr>
  123. <tr>
  124. <td><table width="200" border="0" align="center" bgcolor="#2ED861">
  125. <tr>
  126. <td><span class="style1 style22"><strong>.:: NEW ENTRY FORM ::.</strong></span></td>
  127. </tr>
  128. </table></td>
  129. </tr>
  130. <tr>
  131. <td><table width="161" height="42" border="0" align="right">
  132. <tr>
  133. <th width="158" scope="row"><div align="left">
  134. <script type="text/javascript">
  135. AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','155','height','30','src','button22','quality','high','pluginspage','http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#7DB04F','movie','button22' ); //end AC code
  136. </script>
  137. <noscript>
  138. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="155" height="30">
  139. <param name="BGCOLOR" value="#7DB04F" />
  140. <param name="movie" value="button22.swf" />
  141. <param name="quality" value="high" />
  142. <embed src="button22.swf" width="155" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#7DB04F" ></embed>
  143. </object>
  144. </noscript>
  145. </div></th>
  146. </tr>
  147. </table></td>
  148. </tr>
  149. <tr height="248">
  150. <!-- Row 1 -->
  151. <td height="449"><form id="form1" name="form1" method="post" action="">
  152. <table width="600" border="1" align="center" cellpadding="6" cellspacing="0" bordercolor="#C6BF93">
  153. <tr>
  154. <td width="205" bgcolor="#FFFFFF"><div align="right" class="style10 style25"><span class="style7">CLUB/COUNTRY</span></div></td>
  155. <td width="379" bgcolor="#C2F1BC"><select name="club" onChange="getRider(this.value)">
  156. <option value="">Select Club</option>
  157. <?
  158. mysql_select_db($database_link, $link);
  159. $query_club = "SELECT * FROM club order by club_name ASC";
  160. $club = mysql_query($query_club, $link) or die(mysql_error());
  161. $row_club = mysql_fetch_assoc($club);
  162. $totalRows_club = mysql_num_rows($club);
  163.  
  164. ?>
  165. <?php
  166. do {
  167. ?>
  168. <option value="<?php echo $row_club['club_name']?>"><?php echo $row_club['club_name']?></option>
  169. <?php
  170. } while ($row_club = mysql_fetch_assoc($club));
  171. $rows = mysql_num_rows($club);
  172. if($rows > 0) {
  173. mysql_data_seek($club, 0);
  174. $row_club = mysql_fetch_assoc($club);
  175. }
  176. ?>
  177. </select>
  178. <a href="add_club1.php">Add New Club</a></td>
  179. </tr>
  180. <tr>
  181. <td bgcolor="#FFFFFF"><div align="right" class="style26"><span class="style7">NAME OF RIDER</span></div></td>
  182. <td bgcolor="#C2F1BC"><div id="riderdiv"><select name="rider" id="rider">
  183. <option>Select Club First</option>
  184. </select>
  185. <a href="add_rider1.php">Add New Rider </a>&nbsp;</div></td>
  186. </tr>
  187. <tr>
  188. <td bgcolor="#FFFFFF"><div align="right" class="style26"><span class="style7">RIDER CONTACT NO.</span></div></td>
  189. <td bgcolor="#C2F1BC"><div id="riderPhoneNumberdiv"><input name="riderPhoneNumber" type="text" id="riderPhoneNumber" /></div></td>
  190. </tr>
  191. <tr>
  192. <td bgcolor="#FFFFFF"><div align="right" class="style26"><span class="style7">OWNER NAME</span></div></td>
  193. <td bgcolor="#C2F1BC"><select name="owner" id="owner" onchange="getHorse(this.value)">
  194. <option value="">Select Owner</option>
  195. <?
  196. mysql_select_db($epsb, $link);
  197. $query_owner = "SELECT * FROM owners order by owner_name ASC";
  198. $owner = mysql_query($query_owner, $link) or die(mysql_error());
  199. $row_owner = mysql_fetch_assoc($owner);
  200. $totalRows_owner = mysql_num_rows($owner);
  201.  
  202. ?>
  203. <?php
  204. do {
  205. ?>
  206. <option value="<?php echo $row_owner['owner_name']?>"><?php echo $row_owner['owner_name']?></option>
  207. <?php
  208. } while ($row_owner = mysql_fetch_assoc($owner));
  209. $rows = mysql_num_rows($owner);
  210. if($rows > 0) {
  211. mysql_data_seek($owner, 0);
  212. $row_owner = mysql_fetch_assoc($owner);
  213. }
  214. ?>
  215. </select>
  216. <a href="add_owner1.php"> Add Owner</a></td>
  217. </tr>
  218. <tr>
  219. <td bgcolor="#FFFFFF"><div align="right" class="style26"><span class="style7">NAME OF HORSE</span></div></td>
  220. <td bgcolor="#C2F1BC"><div id="horsediv"><select name="horse" id="horse" >
  221. <option value="">Select Owner First</option>
  222. </select>
  223. <a href="add_horse1.php"> Add New Horse</a></div></td>
  224. </tr>
  225. <tr>
  226. <td bgcolor="#FFFFFF"><div align="right" class="style26"><span class="style7">HORSE NO</span></div></td>
  227. <td bgcolor="#C2F1BC"><input name="horseno" type="text" id="horseno" size="50" maxlength="10" /></td>
  228. </tr>
  229. <tr>
  230. <td height="38" valign="top" bgcolor="#FFFFFF"><div align="right" class="style26"><span class="style7">CLASS ENTRY</span></div></td>
  231. <td valign="top" bgcolor="#C2F1BC"><p>
  232. <input name="addrider2" type="button" id="addrider2" onclick="MM_openBrWindow('participantClass.php?ownerid=<?=$owner2?>','addrider','width=600,height=400')" value="Class Entered" />
  233. &nbsp;</p>
  234. <table border="1">
  235. <?
  236. $query_class = "SELECT * FROM class_details ";
  237. $class = mysql_query($query_class) or die(mysql_error());
  238. $row_class = mysql_fetch_array($class);
  239. $totalRows_class = mysql_num_rows($class);
  240. ?>
  241. <?php
  242. $fields = mysql_num_fields($class);
  243. echo "<tr>\n";// dptkan nama medan
  244. echo "<td></td>\n";
  245. for ($f=0; $f<$fields; $f++)
  246. { echo "<td>".mysql_field_name($class,$f)."</td>\n"; }
  247. echo "</tr>\n";
  248.  
  249. do { ?>
  250. <tr>
  251. <td width="20"><input type="checkbox" name="class_id[]" value="<?php echo $row_class['class_number']; ?>" /></td>
  252. <td width="71"><span class="style26"><?php echo $row_class['0']; ?>
  253. </div>
  254. </span></td>
  255. <td width="57"><span class="style26"><?php echo $row_class['1']; ?>
  256. </div>
  257. </span></td>
  258. <td width="64"><span class="style26"><?php echo $row_class['2']; ?>
  259. </div>
  260. </span></td>
  261. <td width="64"><span class="style26"><?php echo $row_class['3']; ?>
  262. </div>
  263. </span></td>
  264. <td width="64"><span class="style26"><?php echo $row_class['4']; ?>
  265. </div>
  266. </span></td>
  267. </tr>
  268. <?php } while ($row_class = mysql_fetch_array($class)); ?>
  269. </table></td>
  270. </tr>
  271. <tr bgcolor="#FFFFFF">
  272. <td height="57" colspan="2" valign="top"><div align="right">
  273. <input type="submit" name="register" id="register" value="Save" />
  274. <input type="reset" name="Reset" value="Reset" />
  275. </div></td>
  276. </tr>
  277. </table>
  278. </form>
  279. <p align="center"><font color="#008000" face="Arial"
  280. size="1"><strong><br />
  281. </strong></font><font face="Arial"
  282. size="1"><strong><span class="style1">Copyright Reserved <br />
  283. Equestrian Promotion Sdn Bhd</span></strong></font></p></td>
  284. <!-- Col 1 -->
  285. </tr>
  286. </table>
  287. </body>
  288. </html>

  1. <--form findeRider2.php -->
  2.  
  3. <?
  4. $club=$_GET['club'];
  5.  
  6. include 'db_connect.php';
  7.  
  8. $query="SELECT rider_name FROM riders WHERE club_name='".$club."' order by rider_name ASC";
  9.  
  10. $result=mysql_query($query);
  11.  
  12. ?>
  13.  
  14. <tr>
  15. <td>
  16. <select name="rider" onchange="getRiderPhoneNumber(<?=$club?>,this.value)">
  17. <option>Select Rider</option>
  18. <? while($row=mysql_fetch_array($result)) { ?>
  19. <option value=<?=$row['rider_name']?>><?=$row['rider_name']?></option>
  20. <? } ?>
  21. </select>
  22. <a href="add_rider1.php">Add New Rider </a>&nbsp;</div></td>
  23. </tr>[/COLOR]
  24. [COLOR="Red"]<--for findRiderPhoneNumber.php-->
  25.  
  26.  
  27. <?
  28.  
  29. $club =$_GET['club'];
  30.  
  31. $rider=$_GET['rider'];
  32.  
  33. include 'db_connect.php';
  34.  
  35. $query="SELECT rider_phone FROM riders WHERE club_name = '".$club."' AND rider_name='".$rider."'";
  36.  
  37. $result=mysql_query($query);
  38.  
  39. $row_rider = mysql_fetch_assoc($result);
  40.  
  41. $totalRows_rider = mysql_num_rows($result);
  42.  
  43. ?>
  44.  
  45. <tr>
  46. <input name="riderPhoneNumber" type="text" id="riderPhoneNumber" value="<?=$row_rider['rider_phone']?>"
  47. />
  48. </tr>

i need help on this...
Last edited by peter_budo; Jun 4th, 2008 at 4:11 am. Reason: Keep It Organized - please use [code] tags
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC