Forum PHP.pl > [JS][HTML] formularz

Pomoc - Szukaj - Użytkownicy - Kalendarz

sepuku

22.11.2007, 21:10:58

Witajcie,

mam 2 selecty, zeby uniknac przeladowania strony usunelem ramy form, dodalem przycis z akcja wykanania funkcji js na selectach. Pojawia sie problem, ze w czasie gdy usuniete sa ramy form, dzieja sie dziwne rzeczy - jak brak wartosci value w drugim co do kolejnosci select. Problem znika jak dodam tagi form, ale strona sie przeladowuje i trace operacje wykonane na selectach. Ja to zrobic by wykonac funkcje JS na selectach w podany sposob i nie stracic rezultatu na selectach?

Ar2r

23.11.2007, 09:42:32

Zastosuj jako przycisk <button type='button'></button>

sepuku

23.11.2007, 16:19:26

Dziekuje bardzo, wskazowka pomogla.

sepuku

23.11.2007, 16:53:20

Tak zaprojektowany przycisk nie wysyla formularza, lecz pojawily sie problemy i mysle, ze leza po stronie samego js, 2 dzien juz przy tym siedze, by odnalezc bledy w rozumowaniu i nie moge dojsc do rozwiazania. Pozwolcie, ze podam caly testowy kod, ktory wg mnie powinien dzialac. Zasada dzialania jest dodanie z lewego selecta do prawego takich pol, ktorych value sie rozni. Rowniez juz po dodaniu elementu powtorne jego dodanie nie jest mozliwe. Dodajemy przyciskiem.

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript">
function in_array(co, w_czym)
{
	var len = w_czym.length;
	for (var x = 0; x <= len; x++)
	{
		if (w_czym[x].value == co) { return true; }
	}
	return false;
}
 
function zamiana()
{ 
	var dane = document.getElementById('pierwszy');
	for(var i = 0; i < dane.options.length; i++)
	 {
		 var opcja = dane.options[i];
		 if(opcja.selected)
		  {
			var tmp = document.getElementById('drugi').options;	  
			if (!in_array(opcja.value, tmp))
			{
				var dlu = tmp.length;
				document.getElementById('drugi').options[dlu] = new Option(opcja.text, opcja.value);
			}
		  }
	 }
}
</script>
</head>
 
<body>
<form>
<select id="pierwszy" size="20" multiple style="width: 150px;">
<option value="1">kolory</option>
<option value="2">rozmiar</option>
<option value="3">kolasdfory</option>
<option value="4">rozsadfmiar</option>
<option value="5">aakolory</option>
<option value="6">aarozmiar</option>
</select>
<select id="drugi" size="20" multiple style="width: 150px;">
<option value="4">kolory</option>
<option value="5">rozmiar</option>
<option value="6">kolasdfory</option>
<option value="7">rozsadfmiar</option>
<option value="8">aakolory</option>
<option value="9">aarozmiar</option>
</select>
<button type='button' onClick="zamiana();">asdf</button>
 
</form>
 
</body>
 
</html>
[HTML] pobierz, plaintext

Prosty kod, lecz gdzies jest jakis kruczek.

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.