[JavaScript]Pole select i input Opcje

[dk1342]

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

Ten post edytował dk1342 1.02.2009, 11:57:01

[piaseq]

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

[piotrooo89]

[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]

[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]

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]

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

[piaseq]

style="color: ..."

a jak jest na rpg ?

Chyba pomyliłeś kolory z grami . style="color: #rrggbb" powinno działać

[dk1342]

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]

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]

Np.

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

Ten post edytował matixrr 1.02.2009, 12:33:33

[piotrooo89]

[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.

Ten post edytował piotrooo89 1.02.2009, 12:41:04