Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

adam2350

Dynamiczne pole select

Promowane odpowiedzi

12 minut temu, Ardex napisał:

 

hmm a Ty dlaczego wysłałeś linka do .change() ? 😂 Jeśli chcesz, to nic nie stoi na przeszkodzie żebyś przerobił ten kod na czysty JavaScript ;)

 

@adam2350 proszę


$(document).ready(function() {
	$('[name="linia"]').change(function() {
		var numberOfBussLine = $('[name="linia"] option:selected').attr("class")
		var classNameAfterReplacing = numberOfBussLine.replace("_l", "_t")

		if ($("." + classNameAfterReplacing).css("display") == "none") {
			$('div[class^="_l"]').fadeOut()
			$("." + classNameAfterReplacing).slideDown(500)
		} else {
			$("." + classNameAfterReplacing).fadeOut(500)
		}
	})

})

 

Kod HTML tak samo?

Jak tak to nie działa. Bynajmniej u mnie.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Tak, zapomniałem napisać, że select trzeba zmienić na taki. Nie trzeba używać divów w numerach linii, jak pisałem pierwsze rozwiązanie to nie spojrzałem, że masz to w selekcie wszystko i dlatego o divach napisałem. Teraz to nie obowiązuje i takie coś wystarczy

<select name="linia" >
		<option value="l120" class="_l120">Linia 120</option>
		<option value="l121" class="_l121">Linia 121</option>
		</select>

 

Jak nie zadziała to daj demo, tutaj lub na priv

Edytowane przez Ardex

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
6 minut temu, Ardex napisał:

Tak, zapomniałem napisać, że select trzeba zmienić na taki. Nie trzeba używać divów w numerach linii, jak pisałem pierwsze rozwiązanie to nie spojrzałem, że masz to w selekcie wszystko i dlatego o divach napisałem. Teraz to nie obowiązuje i takie coś wystarczy


<select name="linia" >
		<option value="l120" class="_l120">Linia 120</option>
		<option value="l121" class="_l121">Linia 121</option>
		</select>

 

Jak nie zadziała to daj demo, tutaj lub na priv

czyli ma być tak jak poprzednio?:

Spoiler

<select name="linia" >
			<option value="l120" class="_l120">Linia 120</option>
		<option value="l121" class="_l121">Linia 121</option>
		
                        </select>
                        </label>
                        <br>
                        <br>
                        <p class="red bold">Linia 120</p><b> Kierunek > Staroźreby</b> <br>
                    <p class="gmina bold">Gmina: Płock</p> 
                    <p class="red bold">A</p> Jachowicza (teatr) 
                    <p class="red bold">A</p> Piękna 
                    <p class="red bold">A</p> Stanisławówka 01 
                    <p class="red bold">A</p> Kołłątaja 
                    <p class="red bold">A</p> Otolińska, WORD 
                    <p class="red bold">A</p> Otolińska, Boryszewo
                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="blue bold">B</p> Nowe Boryszewo, I (nż)
<p class="blue bold">B</p>Nowe Boryszewo (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p>Stróżewko, II (nż)
<p class="blue bold">B</p>Rogozino, szkoła (nż)
<p class="blue bold">B</p>Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, rondo (nż)
<p class="blue bold">B</p> Rogozino, Płocka (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
<p class="blue bold">B</p>Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
                    <p class="gmina bold"> Gmina: Staroźreby</p>
 <p class="green bold">C</p> Smardzewo (nż)
 <p class="green bold">C</p> Opatówiec (nż)
  <p class="green bold">C</p> Staroźreby (nż)
                    
            <br>
            <br>
                        <p class="red bold">Linia 120</p><b> Kierunek > Jachowicza (teatr)
 </b> <br>

                <p class="gmina bold"> Gmina: Staroźreby</p>   
   <p class="green bold">C</p> Staroźreby (nż)
             <p class="green bold">C</p> Opatówiec (nż)
            <p class="green bold">C</p> Smardzewo (nż)


                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
 <p class="blue bold">B</p> Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
 <p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p>Rogozino, Płocka (nż)
<p class="blue bold">B</p> Rogozino, Wiejska (nż)
 <p class="blue bold">B</p> Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, szkoła (nż)
<p class="blue bold">B</p> Rogozino, Imielnicka (nż)
<p class="blue bold">B</p> Stróżewko, II (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p> Nowe Boryszewo (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, I (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="gmina bold">Gmina: Płock</p> 
 <p class="red bold">A</p> Otolińska, Boryszewo
<p class="red bold">A</p> Otolińska, WORD
 <p class="red bold">A</p> Kołłątaja
<p class="red bold">A</p> Stanisławówka 02
<p class="red bold">A</p> Piękna
 <p class="red bold">A</p> Jachowicza (teatr)
                    
                   
        
                    
<br>

 

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Tylko z numeru linii można usunąć diva. Rozkład jazdy nadal musi znajdować się w divie. Tylko ten select podmień na stary i tak, żeby każdy option miał klasę "_lnumer"

Edytowane przez Ardex

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
5 minut temu, Ardex napisał:

Tylko z numeru linii można usunąć diva. Rozkład jazdy nadal musi znajdować się w divie. Tylko ten select podmień na stary i tak, żeby każdy option miał klasę "_lnumer"

tj. ale nie działa 

Spoiler

<select name="linia" >
			<option value="_l120" class="_l120">Linia 120</option>
		<option value="l121" class="_l121">Linia 121</option>
		
                        </select>
                        </label>
                        <div class="_l120">
                        <br>
                        <br>
                        <p class="red bold">Linia 120</p><b> Kierunek > Staroźreby</b> <br>
                    <p class="gmina bold">Gmina: Płock</p> 
                    <p class="red bold">A</p> Jachowicza (teatr) 
                    <p class="red bold">A</p> Piękna 
                    <p class="red bold">A</p> Stanisławówka 01 
                    <p class="red bold">A</p> Kołłątaja 
                    <p class="red bold">A</p> Otolińska, WORD 
                    <p class="red bold">A</p> Otolińska, Boryszewo
                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="blue bold">B</p> Nowe Boryszewo, I (nż)
<p class="blue bold">B</p>Nowe Boryszewo (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p>Stróżewko, II (nż)
<p class="blue bold">B</p>Rogozino, szkoła (nż)
<p class="blue bold">B</p>Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, rondo (nż)
<p class="blue bold">B</p> Rogozino, Płocka (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
<p class="blue bold">B</p>Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
                    <p class="gmina bold"> Gmina: Staroźreby</p>
 <p class="green bold">C</p> Smardzewo (nż)
 <p class="green bold">C</p> Opatówiec (nż)
  <p class="green bold">C</p> Staroźreby (nż)
                    
            <br>
            <br>
                        <p class="red bold">Linia 120</p><b> Kierunek > Jachowicza (teatr)
 </b> <br>

                <p class="gmina bold"> Gmina: Staroźreby</p>   
   <p class="green bold">C</p> Staroźreby (nż)
             <p class="green bold">C</p> Opatówiec (nż)
            <p class="green bold">C</p> Smardzewo (nż)


                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
 <p class="blue bold">B</p> Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
 <p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p>Rogozino, Płocka (nż)
<p class="blue bold">B</p> Rogozino, Wiejska (nż)
 <p class="blue bold">B</p> Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, szkoła (nż)
<p class="blue bold">B</p> Rogozino, Imielnicka (nż)
<p class="blue bold">B</p> Stróżewko, II (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p> Nowe Boryszewo (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, I (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="gmina bold">Gmina: Płock</p> 
 <p class="red bold">A</p> Otolińska, Boryszewo
<p class="red bold">A</p> Otolińska, WORD
 <p class="red bold">A</p> Kołłątaja
<p class="red bold">A</p> Stanisławówka 02
<p class="red bold">A</p> Piękna
 <p class="red bold">A</p> Jachowicza (teatr)
                    
                        </div>       
        

 

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Wszystko masz w jednym divie, a każdy rozkład jazdy ma być w innym

 

<select name="linia" >
			<option value="_l120" class="_l120">Linia 120</option>
		<option value="l121" class="_l121">Linia 121</option>
		
                        </select>
                        </label>
                        <div class="_t120">
                        <br>
                        <br>
                        <p class="red bold">Linia 120</p><b> Kierunek > Staroźreby</b> <br>
                    <p class="gmina bold">Gmina: Płock</p> 
                    <p class="red bold">A</p> Jachowicza (teatr) 
                    <p class="red bold">A</p> Piękna 
                    <p class="red bold">A</p> Stanisławówka 01 
                    <p class="red bold">A</p> Kołłątaja 
                    <p class="red bold">A</p> Otolińska, WORD 
                    <p class="red bold">A</p> Otolińska, Boryszewo
                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="blue bold">B</p> Nowe Boryszewo, I (nż)
<p class="blue bold">B</p>Nowe Boryszewo (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p>Stróżewko, II (nż)
<p class="blue bold">B</p>Rogozino, szkoła (nż)
<p class="blue bold">B</p>Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, rondo (nż)
<p class="blue bold">B</p> Rogozino, Płocka (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
<p class="blue bold">B</p>Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
                    <p class="gmina bold"> Gmina: Staroźreby</p>
 <p class="green bold">C</p> Smardzewo (nż)
 <p class="green bold">C</p> Opatówiec (nż)
  <p class="green bold">C</p> Staroźreby (nż)
</div>
            <br>
            <br>
                        <div class="_t121"><p class="red bold">Linia 121</p><b> Kierunek > Jachowicza (teatr)
 </b> <br>

                <p class="gmina bold"> Gmina: Staroźreby</p>   
   <p class="green bold">C</p> Staroźreby (nż)
             <p class="green bold">C</p> Opatówiec (nż)
            <p class="green bold">C</p> Smardzewo (nż)


                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
 <p class="blue bold">B</p> Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
 <p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p>Rogozino, Płocka (nż)
<p class="blue bold">B</p> Rogozino, Wiejska (nż)
 <p class="blue bold">B</p> Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, szkoła (nż)
<p class="blue bold">B</p> Rogozino, Imielnicka (nż)
<p class="blue bold">B</p> Stróżewko, II (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p> Nowe Boryszewo (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, I (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="gmina bold">Gmina: Płock</p> 
 <p class="red bold">A</p> Otolińska, Boryszewo
<p class="red bold">A</p> Otolińska, WORD
 <p class="red bold">A</p> Kołłątaja
<p class="red bold">A</p> Stanisławówka 02
<p class="red bold">A</p> Piękna
 <p class="red bold">A</p> Jachowicza (teatr)
                    
 </div>    

 

 

Miałeś też dwa razy linie 120, zmieniłem tą drugą na 121. Jak teraz nie zadziała to bedę potrzebował demo, bo u mnie wszystko działa jak testuje.

 

@adam2350 jeszcze raz edytowałem kod, bo zobaczyłem, że zamiast _t masz _l pewnie dlatego nie działało. sprawdź teraz tym kodem

Edytowane przez Ardex

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
5 minut temu, Ardex napisał:

Wszystko masz w jednym divie, a każdy rozkład jazdy ma być w innym

 



<select name="linia" >
			<option value="_l120" class="_l120">Linia 120</option>
		<option value="l121" class="_l121">Linia 121</option>
		
                        </select>
                        </label>
                        <div class="_l120">
                        <br>
                        <br>
                        <p class="red bold">Linia 120</p><b> Kierunek > Staroźreby</b> <br>
                    <p class="gmina bold">Gmina: Płock</p> 
                    <p class="red bold">A</p> Jachowicza (teatr) 
                    <p class="red bold">A</p> Piękna 
                    <p class="red bold">A</p> Stanisławówka 01 
                    <p class="red bold">A</p> Kołłątaja 
                    <p class="red bold">A</p> Otolińska, WORD 
                    <p class="red bold">A</p> Otolińska, Boryszewo
                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="blue bold">B</p> Nowe Boryszewo, I (nż)
<p class="blue bold">B</p>Nowe Boryszewo (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p>Stróżewko, II (nż)
<p class="blue bold">B</p>Rogozino, szkoła (nż)
<p class="blue bold">B</p>Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, rondo (nż)
<p class="blue bold">B</p> Rogozino, Płocka (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
<p class="blue bold">B</p>Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
                    <p class="gmina bold"> Gmina: Staroźreby</p>
 <p class="green bold">C</p> Smardzewo (nż)
 <p class="green bold">C</p> Opatówiec (nż)
  <p class="green bold">C</p> Staroźreby (nż)
</div>
            <br>
            <br>
                        <div class="_l121"><p class="red bold">Linia 121</p><b> Kierunek > Jachowicza (teatr)
 </b> <br>

                <p class="gmina bold"> Gmina: Staroźreby</p>   
   <p class="green bold">C</p> Staroźreby (nż)
             <p class="green bold">C</p> Opatówiec (nż)
            <p class="green bold">C</p> Smardzewo (nż)


                    <p class="gmina bold">Gmina: Radzanowo</p>
 <p class="blue bold">B</p> Woźniki-Paklewy, skrzyż. (nż)
 <p class="blue bold">B</p> Woźniki, skrzyż. (nż)
<p class="blue bold">B</p> Radzanowo, Szkolna (nż)
 <p class="blue bold">B</p> Radzanowo, skrzyż. (nż)
<p class="blue bold">B</p> Wodzymin (nż)
<p class="blue bold">B</p>Rogozino, Płocka (nż)
<p class="blue bold">B</p> Rogozino, Wiejska (nż)
 <p class="blue bold">B</p> Rogozino, Mazowiecka (nż)
<p class="blue bold">B</p> Rogozino, szkoła (nż)
<p class="blue bold">B</p> Rogozino, Imielnicka (nż)
<p class="blue bold">B</p> Stróżewko, II (nż)
<p class="blue bold">B</p> Stare Boryszewo (nż)
<p class="blue bold">B</p> Nowe Boryszewo (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, I (nż)
 <p class="blue bold">B</p> Nowe Boryszewo, Boryszewska (nż)
<p class="gmina bold">Gmina: Płock</p> 
 <p class="red bold">A</p> Otolińska, Boryszewo
<p class="red bold">A</p> Otolińska, WORD
 <p class="red bold">A</p> Kołłątaja
<p class="red bold">A</p> Stanisławówka 02
<p class="red bold">A</p> Piękna
 <p class="red bold">A</p> Jachowicza (teatr)
                    
 </div>    

 

 

Miałeś też dwa razy linie 120, zmieniłem tą drugą na 121. Jak teraz nie zadziała to bedę potrzebował demo, bo u mnie wszystko działa jak testuje.

 

 

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

trochę błędów było, naprawiłem wszystko. Popatrz na kod, przeanalizuj. Każdy rozkład jazdy ma być w innym divie z nazwa klasy o początku _t. Nazwy klas nie mogą się powtarzać, więc nawet do testów nie rób tak, że miałeś parę razy t_120 i l_120, każdy z tych numerów musi być uniwersalny

 

 

Edytowane przez Ardex

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
5 minut temu, Ardex napisał:

trochę błędów było, naprawiłem wszystko

 

 

Działa! Ale. Jeżeli kliknę w 120 a później w 121 to wyświetlają się obie trasy a nie jedna wybrana

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
1 minutę temu, Ardex napisał:

 

Super. Dziękuję. Jeszcze jedno. Jak za pomocą JS dodać kolejne pola?

tj.

Spoiler

<p class="red bold">Linia 120</p><b> Kierunek > Staroźreby</b>
 <label>
                        <span><p class="red bold">A</p> Jachowicza (teatr)</span>
     <input type="time" class="odjazdy" /><button class="guzik">Kolejna godzna do rozkładu</button>
     
                        </label>
 <label>
                        <span><p class="blue bold">B</p> Stare Boryszewo (nż) 
       
     </span>
                         <input type="time" class="odjazdy" />    <button class="guzik">Kolejna godzna do rozkładu</button>             
                        </label>
 <label>
                        <span><p class="blue bold">B</p> Rogozino, Mazowiecka (nż)</span>
                                          <input type="time" class="odjazdy" /><button class="guzik">Kolejna godzna do rozkładu</button>
                        </label>

<p class="red bold">Linia 120</p><b> Kierunek > Jachowicza (teatr)</b>
 <label>
                        <span><p class="green bold">C</p> Staroźreby (nż)</span>
                                         <input type="time" class="odjazdy" />  <button class="guzik">Kolejna godzna do rozkładu</button>
                        </label>
<label>
                        <span><p class="blue bold">B</p> Radzanowo, skrzyż. (nż) </span>
                                            <input type="time" class="odjazdy" /><button class="guzik">Kolejna godzna do rozkładu</button>
                        </label>
<label>
                        <span><p class="blue bold">B</p> Rogozino, Mazowiecka (nż)</span>
                                        <input type="time" class="odjazdy" />  <button class="guzik">Kolejna godzna do rozkładu</button>  
                        </label>

 

A Pen by Adam

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


×