[js] blokada tych samych option w dwóch selectach Opcje

[grzegorz_g]

mam formularz z dwoma selectami

[HTML] pobierz, plaintext 
<select id="start" onchange="price();">
<option  value="1">Warszawa</option>
<option  value="2">Katowice</option>
<option  value="3">Kraków</option>
<option  value="4">Wrocław</option>
</select>
 
 
<select id="end" onchange="price();">
<option  value="1">Warszawa</option>
<option  value="2">Katowice</option>
<option  value="3">Kraków</option>
<option  value="4">Wrocław</option>
</select>
</div>
[HTML] pobierz, plaintext 

i teraz chce osiągnąć efekt gdy na jednym z selectów wybiorę np Kraków to na drugim zostanie on zablokowany i odwrotnie
kombinowałem z .disabled ale jakoś mi się tego udało się zrobić

może ktoś będzie mi w stanie pomóc

[exood]

pokaż jak próbowałeś

[celbarowicz]

celbarowicz nie balcerowicz post #829021(zajrzyj do pomógł)

Ten post edytował celbarowicz 25.02.2011, 20:24:21

[wiiir]

spróbuj tego z JQ

[HTML] pobierz, plaintext 
$(document).ready(function(){
	  $('#start').change(function(){
			$('#end').val(0)
			var val  = $(this).val()
			$('#end option').each(function(){
				if($(this).val()==val){
					$(this).attr('disabled',true)
				}else{
					$(this).attr('disabled',false)
				}
			})
 
		})
})
[HTML] pobierz, plaintext 

dodałem jedna pustą opcje ale to chyba nie problem, a tylko po to zeby zerowac wybor

[HTML] pobierz, plaintext 
		<select id="start">
			<option  value="1">Warszawa</option>
			<option  value="2">Katowice</option>
			<option  value="3">Kraków</option>
			<option  value="4">Wroclaw</option>
		</select>
 
 
		<select id="end" >
			<option  value="0"></option>
			<option  value="1">Warszawa</option>
			<option  value="2">Katowice</option>
			<option  value="3">Kraków</option>
			<option  value="4">Wroclaw</option>
		</select>
[HTML] pobierz, plaintext 

Ten post edytował wiiir 6.03.2011, 21:26:49