[JavaScript][HTML]wartość option value w linku Opcje

[lukko]

Nie dałem rady wygooglowac, to mam pytanie:

Mam listę rozwijaną:

[HTML] pobierz, plaintext 
<select id="lista" size="1" onChange="pobierzDane();">
<option value="0">Miasto</option>
<option value="1">MIasto2</option>
<option value="1">MIasto3</option>
</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 
<a href="#">Miasto</a>
<a href="#">Miasto2</a>
<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]

[HTML] pobierz, plaintext 
<script type="text/javascript">
	function change_select(val)
	{
		var select_list = document.getElementById("lista");
 
		select_list.options[val].selected = true;
		return false;
	}
</script>
<select id="lista" size="1" >
<option value="0">Miasto</option>
<option value="1">Miasto2</option>
<option value="2">Miasto3</option>
</select>
 
<a href="" onclick=" return change_select(0);">Miasto</a>
<a href="" onclick=" return change_select(1);">Miasto2</a>
<a href="" onclick=" return change_select(2);">Miasto3</a>
[HTML] pobierz, plaintext 

[lukko]

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

Ten post edytował lukko 27.05.2010, 13:01:57

[Belze]

nie chciałbym się czepiać, ale lepiej byłoby Ci użyć ajaxa przez jQuery np.
szybciej, prosciej i zdecydowanie mniej kodu

[lukko]

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]

komplikujesz sobie zycie, w jquery wystarczy to:

[HTML] pobierz, plaintext 
function change_select(val) {
var select_list = $("#lista");
select_list.options[val].selected = true;
switch (val) {
case "1":
$("#div1").load("lista3/dane1.html");
break;
case "2":
$("#div1").load("lista3/dane2.html");
break;
case "3":
$("#div1").load("lista3/dane3.html");
break;
}
return false;
}
[HTML] pobierz, plaintext 

+ biblioteka jquery

na szybko pisane, POWINNO działać

Ten post edytował Belze 27.05.2010, 14:37:06