Uaktywnianie pola 2 przy konkretnym wyborze w polu 1

Thread View: pl.comp.lang.php

2 messages

[T] Back to Threads [V] Tree View [G] Group Articles

2 total messages Started by ka-ram-ba Tue, 22 Jul 2014 11:22

#230486

Author: ka-ram-ba
Date: Tue, 22 Jul 2014 11:22

26 lines
2136 bytes

Czesc.

Pomocy. Podpowiedzcie mi co trzeba wstawić w miejsce wartości 'ccc' tak by przy wyborze konkretnej opcji z pola wyboru 1, pole wyboru 2 uaktywanialo sie np: przy jednej z opcji pola 1 (np: Pozycja 1) a przy pozostalych opcjach bylo nieaktywne? Slaby jestem a potrzebuje cos takiego uzyskac. Z gory dzieki.

//Pierwsze pole, które uaktywnia badz nie drugie pole
echo "<div>";
echo "<select id=aaa name='bbb'  onchange=ccc  >";
echo "<option value='p1' >Pozycja 1</option>";
echo "<option value='p2' >Pozycja 2</option>";
echo "<option value='p3' >Pozycja 3</option>";
echo "<option value='p4' >Pozycja 4</option>";
echo "</select>";
echo "</div>";

//Drugie pole wyboru (domyslnie nieaktywne)
echo "<div>";
echo "<select id=onch name='os_skrypt'  disabled='disabled'>";
echo "<option value=1 >111</option>";
echo "<option value=2 >222</option>";
echo "<option value=3 >333</option>";
echo "<option value=4 >444</option>";
echo "</select>";
echo "</div>";


Jarek.

Re: Uaktywnianie pola 2 przy konkretnym wyborze w polu 1

#230487

Author: Tomasz Sowa
Date: Thu, 24 Jul 2014 03:03

43 lines
2067 bytes

Witam, dnia Tue, 22 Jul 2014 04:22:50 -0700 (PDT)
ka-ram-ba@wp.pl napisał:

> Pomocy. Podpowiedzcie mi co trzeba wstawić w miejsce wartości 'ccc'

Ja bym tam nic nie wstawiał i nawet skasował to 'onchange'.

> tak by przy wyborze konkretnej opcji z pola wyboru 1, pole wyboru 2
> uaktywanialo sie

To nie jest pytanie dotyczące PHP tylko JS.

> np: przy jednej z opcji pola 1 (np: Pozycja 1) a
> przy pozostalych opcjach bylo nieaktywne?

Na przykład jeśli wybierzemy pozycję nr 3 z pierwszego to js może
wyglądać następująco:

<script>
function enable_second_sel()
{
	var sel = document.getElementById('aaa');
	var sel2 = document.getElementById('onch');
	var option_index = 2;

	if( sel && sel2 )
		sel2.disabled = !(sel.selectedIndex == option_index);
}

function set_change_handler()
{
	var sel = document.getElementById('aaa');

	if( sel )
		sel.addEventListener('change', enable_second_sel, false);
}

window.addEventListener('load', set_change_handler, false);
</script>


-- 
Tomek

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads