Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php] [js] select
Forum PHP.pl > Forum > Przedszkole
Lonas
Hej, wiem że pewnie juz bylo ale nie wiem pod jakim pojeciem tego szukac

Mam 2 selecty -
chcialbym żeby po wybraniu wartosci w 1 - strona się przeładowała i w 2 selekcie pokaza sie wartosci z zapytania sql

1 select :
  1. <?php
  2.  
  3. <select name="dzial" size="1">
  4. <option value="" >wszystkie</option>
  5. <option value="1">1</option>
  6. <option value="2">2</option>
  7. <option value="3">3</option>
  8. <option value="4">4</option>
  9. <option value="5">5</option>
  10. <option value="6">6</option>
  11. <option value="7">7</option>
  12. <option value="8">8</option>
  13. <option value="9">9</option>
  14. <option value="10">10</option>
  15. <option value="11">11</option>
  16. <option value="12">12</option>
  17. <option value="13">13</option>
  18.  
  19. </select>
  20. ?>


2 select
  1. Function ShowSel() {
  2. $result = mysql_query("select poddzial from zapas_bez_sprzed_1_12 where dzial=1 order by poddzial 
    asc");
  3. while($dane = mysql_fetch_array($result)){
  4. $poddzial[]=$dane[0]; }
  5.  
  6. $ile = count(array_unique($poddzial));
  7.  
  8. //w wyniku otrzymuje unikatowe wartosci tabeli
  9. $wynik = (array_unique($poddzial));
  10. sort($wynik);
  11.  
  12.  
  13. for ($i=0; $i <$ile; $i++) {
  14. echo '<option value="'.$wynik[$i].'">'.$wynik[$i].'</option>';
  15.  
  16. }
  17. }
  18.  
  19.  <select name="poddzial" >
  20. <option value="">wszystkie</option>
  21. <?php ShowSel(); ?>
  22. </select>


Mam taki skrypt AJAX .. z tym że cięzko mi sie w tym połapac - może ktoś podpowie jak go przerobić ?
Działa na plikach txt
  1. <script src="request.js"></script>
  2. function handleOnChange(dd1)
  3. {
  4. var idx = dd1.selectedIndex;
  5. var val = dd1[idx].text;
  6. var par = document.forms["frmSelect"];
  7. var parelmts = par.elements;
  8. var prezsel = parelmts["prez"];
  9. var country = val;
  10. if (country != "Select country")
  11. {
  12. Http.get({
  13. url: "./" + country + ".txt",
  14. callback: fillPrez,
  15. cache: Http.Cache.Get
  16. }, [prezsel]);
  17. }
  18. }
  19.  
  20. function fillPrez(xmlreply, prezelmt)
  21. {
  22. if (xmlreply.status == Http.Status.OK)
  23. {
  24. var prezresponse = xmlreply.responseText;
  25. var prezar = prezresponse.split("|");
  26. prezelmt.length = 1;
  27. prezelmt.length = prezar.length;
  28. for (o=1; o < prezar.length; o++)
  29. {
  30. prezelmt[o].text = prezar[o];
  31. }
  32. }
  33. else
  34. {
  35. alert("Cannot handle the AJAX call.");
  36. }
  37. }
  38. </head>
  39.  
  40. <form name="frmSelect">
  41. <p>
  42. <select name="country" onChange="handleOnChange(this);">
  43. <option>Select country</option>
  44. <option>France</option>
  45. <option>Germany</option>
  46. <option>Spain</option>
  47. </p><p>
  48. <select name="prez">
  49. <option>Select head of government</option>
  50. </p>
  51. </form>
  52.  
  53. </body>
  54. </html>
hwao
Kod
<select onChange="SelectHandler(this.value)">
<option value="" >wszystkie</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>

js:
Kod
function SelectHandler( value ) {
   alert( value );
  // Tutaj musisz napisac request AJAX
  // do skryptu php i wstawienie odpowiednio kodu do HTML'a np diva
  // poprzedz document.getElementById( 'idDiv' ).innerHTML = 'to co odpowie Ci Ajax';
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.