Forum PHP.pl > [HTML]Lista wyboru + pole

Pomoc - Szukaj - Użytkownicy - Kalendarz

shaolin33

22.10.2012, 11:52:00

Witam,,

mam liste wyboru:

[HTML] pobierz, plaintext 
<div>
list wyboru:<select id="rodzaj" name="rodzaj">
		<option>1</option>
		<option>2</option>
		(...)
	</select></div>
[HTML] pobierz, plaintext

chciałbym aby po wyborze 2 opcji pojawiało się pole tekstowe w ktorym wpisze cos:)

tylko w 2 opcji

nospor

22.10.2012, 11:54:03

1) Dla OPTION nadaj wartosci czyli atrybut VALUE

2) <select id="rodzaj" name="rodzaj" onchange="if (this.value==2) alert('Jupi');">
I teraz za alert('Jupi'); wstaw sobie kod odpowiedzialny za pokaznie pola, które jest ukryte

shaolin33

22.10.2012, 12:21:57

[HTML] pobierz, plaintext 
<div>Wyplata kredytu:<select id="wyplata_kredytu" name="wyplata_kredytu" onchange="if (this.value==2) alert('Jupi');">
		<option>gotówką w kasie Banku<value="1"></option>
		<option>w formie przelewu na rachunek nr.<value="2"></option>
		(...)
	</select></div>
[HTML] pobierz, plaintext

jesli chodzi o ukrywanie pola to chodzi o to ":

[HTML] pobierz, plaintext 
onclick="document.getElementById('test').style.display = this.checked
 
<div id="test" style="display: none">
	<div>Imię i Nazwisko:<input type="text" name="imie_nazwisko_por2" disabled="disabled" />
[HTML] pobierz, plaintext

chyba namieszałem

Mega_88

22.10.2012, 12:22:49

Zobacz to i pokombinuj jak zrobić z polem tekstowym:

[HTML] pobierz, plaintext 
<select id="rodzaj" name="rodzaj">
<option>1</option>
<option class="pokaz">2</option>
</select>
 
<input type="text" name="email" id="topokaz" style="display: none"  />
 
<script>
    $(".pokaz").click(function () {
    $("#topokaz").show("slow");
    });
</script>
 
[HTML] pobierz, plaintext

nospor

22.10.2012, 12:26:10

@Mega dla OPTION nie przypisuje się zdarzeń.... prawidłowy schemat działania przedstawiłem w poprzednim poście.

<option>gotówką w kasie Banku<value="1"></option>
Co to jest? Zajrzyj proszę do pierwszego lepszego kursu HTML bo tam takie podstawy jak przypisać VALUE dla option masz wyjaśnione....

adibak20

22.10.2012, 12:44:03

[HTML] pobierz, plaintext 
...
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
    $(function(){
    $("#rodzaj").change(function () {
     var opcja=parseInt($("#rodzaj :selected").val());
     if( opcja == 2 )
 	   $("#topokaz").show("slow");
    }); 
    });
    </script>
  </head>
<body>
 
 
<form action="#" method="#" >
<select id="rodzaj" name="rodzaj">
<option>1</option>
<option class="pokaz">2</option>
</select>
 
<input type="text" name="email" id="topokaz" style="display: none"  />
 
</form>
[HTML] pobierz, plaintext

...

Teraz działa

nospor

22.10.2012, 12:58:38

val() dla SELECT zwraca zaznaczoną wartość i nie trzeba kombinować tak jak ty. Wystarczy:

Kod

$("#rodzaj").change(function () {
     if( $(this).val() == "2" )
       $("#topokaz").show("slow");
    });
});

Poza tym mieszacie autorowi tym jQuery..... co było złego w czystym i prostym js co dostał odemnie na początku?

No i przypominam nadal o VALUE dla OPTION.

adibak20

22.10.2012, 13:05:46

wiem ale napisałem tak aby widział z czego się to bierze, Za pomocą JQuery ja to robię zawsze ...

shaolin33

23.10.2012, 06:50:06

Cytat(nospor @ 22.10.2012, 13:26:10 )

witam,
lekcje odrobione:")

[HTML] pobierz, plaintext 
Wyplata kredytu:<select id="wyplata_kredytu" name="wyplata_kredytu" onchange="if (this.value==2) alert('Jupi');">
		<option value="1">gotówką w kasie Banku</option>
		<option value="2">w formie przelewu na rachunek nr.</option>
		(...)
	</select>
[HTML] pobierz, plaintext

tylko nie chce zeby mi to wyskakiwalo tak jak teraz okienko jupi tylko zeby pojawilo sie normalne pole tekstowe po zaznaczeniu 2 opcji zaraz pod druga opcją miejsce na pisanie tekstu

nospor

23.10.2012, 07:26:19

Cytat

tylko nie chce zeby mi to wyskakiwalo tak jak teraz okienko jupi tylko zeby pojawilo sie normalne pole tekstowe po zaznaczeniu 2 opcji zaraz pod druga opcją miejsce na pisanie tekstu

No przecież wiem.... dlatego ci napisałem byś ten alert zastąpił właściwym kodem....

Nie wspomnę już o tym, że Twój problem w całości został rozwiązany parę postów wcześniej. Jeśli cię tamto rozwiązanie nie zadowala, to zamień alert jak ci pisałem, na kod, który pokazuje inputa, który jest ukryty - to jest kolejna praca domowa

shaolin33

23.10.2012, 07:35:18

czy chodzi o ten kod?
ten mam przerobic tak ?

tutaj akurat pojawia się pole tekstowe po kliknieciu w checkbox:)

[HTML] pobierz, plaintext 
<input type="checkbox" name="nazwa3" value="wartosc3" onclick="document.getElementById('id5').style.display = this.checked ? 'block' : 'none'; this.form.elements['nr_konta'].disabled" />
<div id="id5" style="display: none">
	Nr konta:<input type="text" name="nr_konta" disabled="disabled" />
[HTML] pobierz, plaintext

nospor

23.10.2012, 07:43:49

Tak, dokładnie. Zamiast alerta masz dać kod:
document.getElementById('id5').style.display = 'block';

shaolin33

23.10.2012, 07:50:47

ok tego oczekiwałem":_

[HTML] pobierz, plaintext 
<div> Wyplata kredytu:<select id="wyplata_kredytu" name="wyplata_kredytu" onchange="if (this.value==2) document.getElementById('id5').style.display = 'block'">
		<option value="1">gotówką w kasie Banku</option>
		<option value="2">w formie przelewu na rachunek nr.</option>
		(...)
	</select></div>	
<div id="id5" style="display: none">
	Nr konta:<input type="text" name="nr_konta" disabled="disabled" />	
</div>
[HTML] pobierz, plaintext

tylko nie wiem gdzie zrobiłem błąd bo pole txt ktore sie pokazuje nie jest aktywne i nie moge nic w nie wpisac:(

nospor

23.10.2012, 08:00:06

Wywal: disabled="disabled"

shaolin33

23.10.2012, 08:04:52

dziękuje:)

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.