Forum PHP.pl > [JavaScript]Pole select i input

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Pole select i input

dk1342

1.02.2009, 11:56:06

Witam otóż chce zrobić coś takiego:

Kod

<select>
<option value="COLOR_RED">Czerwony</option>
<option value="COLOR_GREEN">Zielony</option>
<option value="COLOR_GREY">Szary</option>
<option value="COLOR_YELLOW">Zolty</option>
<option value="COLOR_WHITE">Bialy</option>
<option value="COLOR_BLUE">Niebieski</option>
<option value="COLOR_ORANGE">Pomaranczowy</option>
<option value="COLOR_LIGHTGREEN">Jasno zielony</option>
<option value="COLOR_LIGHTRED">Jasno czerwony</option>
<option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
<option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
</select>
<input type="text" style="width: 500px;" />

teraz wytłumacze:

Gdy ktos wybierze np. pole Czerwony w select to w polu input text automatycznie bez odswiezania strony pojawi się to co jest w value w option czyli "COLOR_RED"
jest to chyba javascript więc dalem tagi tag

piaseq

1.02.2009, 12:01:03

Możesz osiągnąć taki efekt korzystając ze zdarzenia onChange pola select.

piotrooo89

1.02.2009, 12:01:23

[HTML] pobierz, plaintext 
<select onChange="pokaz.value=this.value">
<option value="COLOR_RED">Czerwony</option>
<option value="COLOR_GREEN">Zielony</option>
<option value="COLOR_GREY">Szary</option>
<option value="COLOR_YELLOW">Zolty</option>
<option value="COLOR_WHITE">Bialy</option>
<option value="COLOR_BLUE">Niebieski</option>
<option value="COLOR_ORANGE">Pomaranczowy</option>
<option value="COLOR_LIGHTGREEN">Jasno zielony</option>
<option value="COLOR_LIGHTRED">Jasno czerwony</option>
<option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
<option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
</select>
<input id="pokaz" type="text" style="width: 500px;" />
[HTML] pobierz, plaintext

prosze i następnym razem przeczytaj jakiś kurs js.

// pomógł++
// ayeo
// edit: jednak autor tematu mnie uprzedził

ayeo

1.02.2009, 12:01:40

[HTML] pobierz, plaintext 
<script>
$(document).ready(function()
{
 $("select").change(function()
 {
  val = $(this).attr("value");
  $(input).atr("value", val);
 });
});
</script>
<select>
<option value="COLOR_RED">Czerwony</option>
<option value="COLOR_GREEN">Zielony</option>
<option value="COLOR_GREY">Szary</option>
<option value="COLOR_YELLOW">Zolty</option>
<option value="COLOR_WHITE">Bialy</option>
<option value="COLOR_BLUE">Niebieski</option>
<option value="COLOR_ORANGE">Pomaranczowy</option>
<option value="COLOR_LIGHTGREEN">Jasno zielony</option>
<option value="COLOR_LIGHTRED">Jasno czerwony</option>
<option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
<option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
</select>
<input type="text" style="width: 500px;" />
[HTML] pobierz, plaintext

Pozdrawiam!

PS Użyłem jQuery.

dk1342

1.02.2009, 12:14:24

dziękuje, znalazłem w szukajce coś ale nie działało dzięki

a mam jeszcze takie małe pytanie da się zmienić napis na kolor rpg ? bo wiem jak zmienić normalnie

style="color: ..."

a jak jest na rpg ?

piotrooo89

1.02.2009, 12:18:05

nie rozumiem? chcesz zmienić kolor tekstu czy tła?

piaseq

1.02.2009, 12:20:02

Cytat(dk1342 @ 1.02.2009, 12:14:24 )

style="color: ..."

a jak jest na rpg ?

Chyba pomyliłeś kolory z grami

. style="color: #rrggbb" powinno działać

dk1342

1.02.2009, 12:24:08

piotrooo89

mi chodzilo o tekst, ale nie wiedzialem że się da też tło zmienić jak zmienić tło ?

"Chyba pomyliłeś kolory z gram"

chyba tak, chodzilo o kolor RGB

piaseq

1.02.2009, 12:28:01

Cytat(dk1342 @ 1.02.2009, 12:24:08 )

mi chodzilo o tekst, ale nie wiedzialem że się da też tło zmienić jak zmienić tło ?

Zadajesz okropnie niekonkretne pytania, podawaj więcej szczegółów. Chcesz zmienić tło inputa, selecta, całej strony,... ?

matixrr

1.02.2009, 12:32:52

Np.

[HTML] pobierz, plaintext 
<option value="COLOR_RED" style="background-color: red; color: white;">Czerwony</option>
[HTML] pobierz, plaintext

piotrooo89

1.02.2009, 12:39:00

[HTML] pobierz, plaintext 
<select onChange="pokaz.value=this.value; pokaz.style.backgroundColor=this.value;">
<option value="#CCFFFF">Czerwony</option>
<option value="COLOR_GREEN">Zielony</option>
<option value="COLOR_GREY">Szary</option>
<option value="COLOR_YELLOW">Zolty</option>
<option value="COLOR_WHITE">Bialy</option>
<option value="COLOR_BLUE">Niebieski</option>
<option value="COLOR_ORANGE">Pomaranczowy</option>
<option value="COLOR_LIGHTGREEN">Jasno zielony</option>
<option value="COLOR_LIGHTRED">Jasno czerwony</option>
<option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
<option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
</select>
<input id="pokaz" type="text" style="width: 500px;" />
[HTML] pobierz, plaintext

i polecam zmienić wszystkie value na hexy. czyli tak gdzie masz teraz np COLOR_GREEN dodać odpowiedniego hexa. i możesz sobie usunąć pokazywanie nazw. dowolność masz ogromna.

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.