Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] dynamiczny select
Forum PHP.pl > Forum > Przedszkole
lilik
3.04.2008, 11:12:13
Witam
mam cos takiego
<script>
t.selects['rodzaj'].options['mieszkanie'].createOption('2 - pokoje', 'mt2');
</script>
jak to mozna oznaczyc jako selected="selected" w danym select'cie
arecki
3.04.2008, 11:35:07 
[HTML] pobierz, plaintext 
  1. <script>
  2. t.selects['rodzaj'].options['mieszkanie'].createOption('2 - pokoje', 'mt2');
  3. var selects = document.getElementsByTagName('select');
  4. selects['rodzaj'].options['mt2'].setAttribute('selected', 'selected');
  5. </script>
[HTML] pobierz, plaintext
lilik
3.04.2008, 11:54:26
niestety nei dziala to sad.gif
arecki
3.04.2008, 11:58:13
Działa działa tylko pewnie chodziło Ci o to żeby dodana opcja ustawiała się od razu na domyślną. A to zrealizujesz dzięki:

[HTML] pobierz, plaintext 
  1. <script>
  2. t.selects['rodzaj'].options['mieszkanie'].createOption('2 - pokoje', 'mt2');
  3. var selects = document.getElementsByTagName('select');
  4. selects['rodzaj'].options['mt2'].selected = true;
  5. </script>
[HTML] pobierz, plaintext
lilik
3.04.2008, 12:13:27
w ogole nie dziala, skrypt zglasza blad :/
arecki
3.04.2008, 12:37:51
Może napisz jaki bo szklana kula w serwisie. A poza tym to zainstaluj firefoxa + Firebuga i bardzo ci pomoże w znajdowaniu błędów.
lilik
3.04.2008, 12:49:31
a cy np juz funkcja createOption nie ma jakiego znacznika selected questionmark.gif


a to caly skrypt jaki mam

[HTML] pobierz, plaintext 
  1. <script>
  2.  
  3. var t = new dynamicSelect();
  4.  
  5. t.addSelect('rodzaj');
  6.  
  7. t.selects['rodzaj'].addOption('dom');
  8. t.selects['rodzaj'].options['dom'].createOption('Obojętny', '');
  9. t.selects['rodzaj'].options['dom'].createOption('Szeregowy', 'dt1');
  10. t.selects['rodzaj'].options['dom'].createOption('Wolno stojący', 'dt2');
  11. t.selects['rodzaj'].options['dom'].createOption('Bliźniak', 'dt3');
  12.  
  13. t.selects['rodzaj'].addOption('dzialka');
  14. t.selects['rodzaj'].options['dzialka'].createOption('Obojętny', '');
  15. t.selects['rodzaj'].options['dzialka'].createOption('Budowlnana', 'dzt1');
  16. t.selects['rodzaj'].options['dzialka'].createOption('Rekreacyjna', 'dzt2');
  17. t.selects['rodzaj'].options['dzialka'].createOption('Przemysłowa', 'dzt3');
  18.  
  19. t.selects['rodzaj'].addOption('grunt');
  20. t.selects['rodzaj'].options['grunt'].createOption('Obojętny', '');
  21. t.selects['rodzaj'].options['grunt'].createOption('Rolny', 'gt1');
  22. t.selects['rodzaj'].options['grunt'].createOption('Leśny', 'gt2');
  23.  
  24. t.selects['rodzaj'].addOption('mieszkanie');
  25. t.selects['rodzaj'].options['mieszkanie'].createOption('Obojętny', '');
  26. t.selects['rodzaj'].options['mieszkanie'].createOption('1 - pokój', 'mt1');
  27. t.selects['rodzaj'].options['mieszkanie'].createOption('2 - pokoje', 'mt2');
  28. t.selects['rodzaj'].options['mieszkanie'].createOption('3 - pokoje', 'mt3');
  29. t.selects['rodzaj'].options['mieszkanie'].createOption('4 - pokje', 'mt4');
  30. t.selects['rodzaj'].options['mieszkanie'].createOption('5 - pokoi', 'mt5');
  31. t.selects['rodzaj'].options['mieszkanie'].createOption('Więcej', 'mt6');
  32.  
  33. t.selects['rodzaj'].addOption('apartament');
  34. t.selects['rodzaj'].options['apartament'].createOption('Obojętny', '');
  35. t.selects['rodzaj'].options['apartament'].createOption('1 - pokój', 'at1');
  36. t.selects['rodzaj'].options['apartament'].createOption('2 - pokoje', 'at2');
  37. t.selects['rodzaj'].options['apartament'].createOption('3 - pokoje', 'at3');
  38. t.selects['rodzaj'].options['apartament'].createOption('4 - pokje', 'at4');
  39. t.selects['rodzaj'].options['apartament'].createOption('5 - pokoi', 'at5');
  40. t.selects['rodzaj'].options['apartament'].createOption('Więcej', 'at6');
  41.  
  42. t.selects['rodzaj'].addOption('obiekt');
  43. t.selects['rodzaj'].options['obiekt'].createOption('Obojętny', '');
  44. t.selects['rodzaj'].options['obiekt'].createOption('Gastronomiczny', 'ob1');
  45. t.selects['rodzaj'].options['obiekt'].createOption('Przemysłowy', 'ob2');
  46. t.selects['rodzaj'].options['obiekt'].createOption('Rekreacyjny', 'ob3');
  47. t.selects['rodzaj'].options['obiekt'].createOption('Garaże', 'ob4');
  48. t.selects['rodzaj'].options['obiekt'].createOption('Pensjonaty', 'ob5');
  49. t.selects['rodzaj'].options['obiekt'].createOption('Inne', 'ob6');
  50.  
  51. var p = new dynamicSelect();
  52.  
  53. p.addSelect('rodzaj');
  54.  
  55. p.selects['rodzaj'].addOption('dom');
  56. p.selects['rodzaj'].options['dom'].createOption('Obojętny', '');
  57. p.selects['rodzaj'].options['dom'].createOption('Szeregowy', 'dt1');
  58. p.selects['rodzaj'].options['dom'].createOption('Wolno stojący', 'dt2');
  59. p.selects['rodzaj'].options['dom'].createOption('Bliźniak', 'dt3');
  60.  
  61. p.selects['rodzaj'].addOption('dzialka');
  62. p.selects['rodzaj'].options['dzialka'].createOption('Obojętny', '');
  63. p.selects['rodzaj'].options['dzialka'].createOption('Budowlnana', 'dzt1');
  64. p.selects['rodzaj'].options['dzialka'].createOption('Rekreacyjna', 'dzt2');
  65. p.selects['rodzaj'].options['dzialka'].createOption('Przemysłowa', 'dzt3');
  66.  
  67. p.selects['rodzaj'].addOption('grunt');
  68. p.selects['rodzaj'].options['grunt'].createOption('Obojętny', '');
  69. p.selects['rodzaj'].options['grunt'].createOption('Rolny', 'gt1');
  70. p.selects['rodzaj'].options['grunt'].createOption('Leśny', 'gt2');
  71.  
  72. p.selects['rodzaj'].addOption('mieszkanie');
  73. p.selects['rodzaj'].options['mieszkanie'].createOption('Obojętny', '');
  74. p.selects['rodzaj'].options['mieszkanie'].createOption('1 - pokój', 'mt1');
  75. p.selects['rodzaj'].options['mieszkanie'].createOption('2 - pokoje', 'mt2');
  76. p.selects['rodzaj'].options['mieszkanie'].createOption('3 - pokoje', 'mt3');
  77. p.selects['rodzaj'].options['mieszkanie'].createOption('4 - pokje', 'mt4');
  78. p.selects['rodzaj'].options['mieszkanie'].createOption('5 - pokoi', 'mt5');
  79. p.selects['rodzaj'].options['mieszkanie'].createOption('Więcej', 'mt6');
  80.  
  81. p.selects['rodzaj'].addOption('apartament');
  82. p.selects['rodzaj'].options['apartament'].createOption('Obojętny', '');
  83. p.selects['rodzaj'].options['apartament'].createOption('1 - pokój', 'at1');
  84. p.selects['rodzaj'].options['apartament'].createOption('2 - pokoje', 'at2');
  85. p.selects['rodzaj'].options['apartament'].createOption('3 - pokoje', 'at3');
  86. p.selects['rodzaj'].options['apartament'].createOption('4 - pokje', 'at4');
  87. p.selects['rodzaj'].options['apartament'].createOption('5 - pokoi', 'at5');
  88. p.selects['rodzaj'].options['apartament'].createOption('Więcej', 'at6');
  89.  
  90. p.selects['rodzaj'].addOption('obiekt');
  91. p.selects['rodzaj'].options['obiekt'].createOption('Obojętny', '');
  92. p.selects['rodzaj'].options['obiekt'].createOption('Gastronomiczny', 'ob1');
  93. p.selects['rodzaj'].options['obiekt'].createOption('Przemysłowy', 'ob2');
  94. p.selects['rodzaj'].options['obiekt'].createOption('Rekreacyjny', 'ob3');
  95. p.selects['rodzaj'].options['obiekt'].createOption('Garaże', 'ob4');
  96. p.selects['rodzaj'].options['obiekt'].createOption('Pensjonaty', 'ob5');
  97. p.selects['rodzaj'].options['obiekt'].createOption('Inne', 'ob6');
  98.  
  99. var c = new dynamicSelect();
  100.  
  101. c.addSelect('rodzaj');
  102.  
  103. c.selects['rodzaj'].addOption('dom');
  104. c.selects['rodzaj'].options['dom'].createOption('Obojętny', '');
  105. c.selects['rodzaj'].options['dom'].createOption('Szeregowy', 'dt1');
  106. c.selects['rodzaj'].options['dom'].createOption('Wolno stojący', 'dt2');
  107. c.selects['rodzaj'].options['dom'].createOption('Bliźniak', 'dt3');
  108.  
  109. c.selects['rodzaj'].addOption('dzialka');
  110. c.selects['rodzaj'].options['dzialka'].createOption('Obojętny', '');
  111. c.selects['rodzaj'].options['dzialka'].createOption('Budowlnana', 'dzt1');
  112. c.selects['rodzaj'].options['dzialka'].createOption('Rekreacyjna', 'dzt2');
  113. c.selects['rodzaj'].options['dzialka'].createOption('Przemysłowa', 'dzt3');
  114.  
  115. c.selects['rodzaj'].addOption('grunt');
  116. c.selects['rodzaj'].options['grunt'].createOption('Obojętny', '');
  117. c.selects['rodzaj'].options['grunt'].createOption('Rolny', 'gt1');
  118. c.selects['rodzaj'].options['grunt'].createOption('Leśny', 'gt2');
  119.  
  120. c.selects['rodzaj'].addOption('mieszkanie');
  121. c.selects['rodzaj'].options['mieszkanie'].createOption('Obojętny', '');
  122. c.selects['rodzaj'].options['mieszkanie'].createOption('1 - pokój', 'mt1');
  123. c.selects['rodzaj'].options['mieszkanie'].createOption('2 - pokoje', 'mt2');
  124. c.selects['rodzaj'].options['mieszkanie'].createOption('3 - pokoje', 'mt3');
  125. c.selects['rodzaj'].options['mieszkanie'].createOption('4 - pokje', 'mt4');
  126. c.selects['rodzaj'].options['mieszkanie'].createOption('5 - pokoi', 'mt5');
  127. c.selects['rodzaj'].options['mieszkanie'].createOption('Więcej', 'mt6');
  128.  
  129. c.selects['rodzaj'].addOption('apartament');
  130. c.selects['rodzaj'].options['apartament'].createOption('Obojętny', '');
  131. c.selects['rodzaj'].options['apartament'].createOption('1 - pokój', 'at1');
  132. c.selects['rodzaj'].options['apartament'].createOption('2 - pokoje', 'at2');
  133. c.selects['rodzaj'].options['apartament'].createOption('3 - pokoje', 'at3');
  134. c.selects['rodzaj'].options['apartament'].createOption('4 - pokje', 'at4');
  135. c.selects['rodzaj'].options['apartament'].createOption('5 - pokoi', 'at5');
  136. c.selects['rodzaj'].options['apartament'].createOption('Więcej', 'at6');
  137.  
  138. c.selects['rodzaj'].addOption('obiekt');
  139. c.selects['rodzaj'].options['obiekt'].createOption('Obojętny', '');
  140. c.selects['rodzaj'].options['obiekt'].createOption('Gastronomiczny', 'ob1');
  141. c.selects['rodzaj'].options['obiekt'].createOption('Przemysłowy', 'ob2');
  142. c.selects['rodzaj'].options['obiekt'].createOption('Rekreacyjny', 'ob3');
  143. c.selects['rodzaj'].options['obiekt'].createOption('Garaże', 'ob4');
  144. c.selects['rodzaj'].options['obiekt'].createOption('Pensjonaty', 'ob5');
  145. c.selects['rodzaj'].options['obiekt'].createOption('Inne', 'ob6');
  146.  
  147.  
  148.  
  149. function dynamicSelect()
  150. {
  151. 	this.selects = new Array();
  152.  
  153. 	this.addSelect = function(name)
  154. 	{
  155. 		this.selects[name] = new selectObj();
  156. 	}
  157.  
  158.  
  159.  
  160. 	this.updateOptions = function(source, target)
  161. 	{
  162.  
  163. 		var form = source.form;
  164. 		var target = form.elements[target];
  165. 		var value = source.options[source.selectedIndex].value;
  166.  
  167. 		while(target.options.length) target.remove(0);
  168.  
  169. 		if(!this.selects[source.name].options[value])
  170. 		{
  171. 			//alert('Invalid selection.'); //For debugging while you set it up
  172. 			return;
  173. 		}
  174.  
  175. 		var data = this.selects[source.name].options[value].options;
  176.  
  177. 		for(var x=0; x<data.length; x++)
  178. 		{
  179. 			try
  180. 			{
  181. 				target.add(data[x]);
  182. 			}
  183. 			catch(e)
  184. 			{
  185. 				target.add(data[x], null);
  186. 			}
  187. 		}
  188.  
  189. 		target.selectedIndex = 0;
  190. 	}
  191.  
  192. }
  193.  
  194.  
  195.  
  196. function selectObj()
  197. {
  198. 	this.options = new Array();
  199.  
  200. 	this.addOption = function(value)
  201. 	{
  202. 		this.options[value] = new optionObj();
  203. 	}
  204. }
  205.  
  206.  
  207.  
  208. function optionObj()
  209. {
  210. 	this.options = new Array();
  211.  
  212. 	this.createOption = function(name, value)
  213. 	{
  214. 		this.options[this.options.length] = new Option(name, value);
  215. 	}
  216. }
  217. </script>
[HTML] pobierz, plaintext
arecki
3.04.2008, 16:10:03
No fajnie, tylko gdzie dodałeś to co Ci napisałem ?
lilik
3.04.2008, 22:07:55
zrobilem juz na innerHTML smile.gif ale dzieki za pomoc
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.