Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]wartość option value w linku
Forum PHP.pl > Forum > Przedszkole
lukko
27.05.2010, 09:13:46
Nie dałem rady wygooglowac, to mam pytanie:

Mam listę rozwijaną:


[HTML] pobierz, plaintext 
  1. <select id="lista" size="1" onChange="pobierzDane();">
  2. <option value="0">Miasto</option>
  3. <option value="1">MIasto2</option>
  4. <option value="1">MIasto3</option>
  5. </select>
[HTML] pobierz, plaintext


Wartości które się odwołują do skryptu ajax i OK

ale oprócz listy rozwijanej chce obok stworzyć same linki 
[HTML] pobierz, plaintext 
  1. <a href="#">Miasto</a>
  2. <a href="#">Miasto2</a>
  3. <a href="#">Miasto3</a>
[HTML] pobierz, plaintext


tylko jak w a hrefie się odwołać do tych wartości value z tego selectu, no kurde wie wiem ;/

help
tehaha
27.05.2010, 11:04:47 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	function change_select(val)
  3. 	{
  4. 		var select_list = document.getElementById("lista");
  5.  
  6. 		select_list.options[val].selected = true;
  7. 		return false;
  8. 	}
  9. </script>
  10. <select id="lista" size="1" >
  11. <option value="0">Miasto</option>
  12. <option value="1">Miasto2</option>
  13. <option value="2">Miasto3</option>
  14. </select>
  15.  
  16. <a href="" onclick=" return change_select(0);">Miasto</a>
  17. <a href="" onclick=" return change_select(1);">Miasto2</a>
  18. <a href="" onclick=" return change_select(2);">Miasto3</a>
[HTML] pobierz, plaintext
lukko
27.05.2010, 13:00:53
Super Zmienia mi w selcie na Miasto, Miasto1 itd... Ale nie pobiera mi dane z:

Kod
<script type="text/javascript">
var XMLHttpRequestObject = false;
if(window.XMLHttpRequest){
  XMLHttpRequestObject = new XMLHttpRequest();
}
else if (window.ActiveXObject){
  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function pobierzDane()
{
  if(XMLHttpRequestObject){
    var lista = document.getElementById('lista');
    var tekstId = parseInt(lista[lista.selectedIndex].value);
    switch(tekstId){
      case 1:
        XMLHttpRequestObject.open("GET", "lista3/dane1.html");
        break;
      case 2:
        XMLHttpRequestObject.open("GET", "lista3/dane2.html");
        break;
      case 3:
        XMLHttpRequestObject.open("GET", "lista3/dane3.html");
        break;
      
      default:
        return;
    }    
    XMLHttpRequestObject.onreadystatechange = function()
    {
      if(XMLHttpRequestObject.readyState == 4 &&
         XMLHttpRequestObject.status == 200) {
        var div = document.getElementById("div1");
        div.innerHTML = XMLHttpRequestObject.responseText;
      }
    }
    XMLHttpRequestObject.send(null);
  }
}
</script>


Można temu jakoś zaradzić? bo się gryzie coś i nie ładuje zawartości z np. lista3/dane1.html
Belze
27.05.2010, 13:23:48
nie chciałbym się czepiać, ale lepiej byłoby Ci użyć ajaxa przez jQuery np.
szybciej, prosciej i zdecydowanie mniej kodu
lukko
27.05.2010, 13:40:15
To w cale nie jest dużo, ale tak czy siak już trochę przy tym siedziałem no i z tym zonkiem się nie mogę uporać...
Belze
27.05.2010, 14:35:46
komplikujesz sobie zycie, w jquery wystarczy to:

[HTML] pobierz, plaintext 
  1. function change_select(val) {
  2. var select_list = $("#lista");
  3. select_list.options[val].selected = true;
  4. switch (val) {
  5. case "1":
  6. $("#div1").load("lista3/dane1.html");
  7. break;
  8. case "2":
  9. $("#div1").load("lista3/dane2.html");
  10. break;
  11. case "3":
  12. $("#div1").load("lista3/dane3.html");
  13. break;
  14. }
  15. return false;
  16. }
[HTML] pobierz, plaintext


+ biblioteka jquery

na szybko pisane, POWINNO działać
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.