Afisare optiune selectata intr-un Div
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Marius
Mesaje: 60
Afisare optiune selectata intr-un Div
Cum pot face ca atunci cand e selectata o optiune dintr-o lista <select> sa fie afisata intr-un Div valoarea acelei optiuni.
Am acest cod html, cu lista de optiuni si tag-ul Div:
Cod: Selectaţi tot
<select id='drink'>
<option value=''>Which drink would you like?</option>
<option>Latte</option>
<option>Capuccino</option>
<option>Americano</option>
<option>Tea</option>
</select>
<div id='output'></div>
MarPlo
Mesaje: 4343
Cu JavaScript adaugi un eveniment 'change' la elementul <select> care se va declansa cand o optiune e selectata.
In interiorul acelui eveniment folosesti 'this.value' ca sa preiei valoarea selectata, apoi cu 'innerText' o adaugi in Div.
Cod: Selectaţi tot
Select an option:
<select id='drink'>
<option value=''>Which drink would you like?</option>
<option>Latte</option>
<option>Capuccino</option>
<option>Americano</option>
<option>Tea</option>
</select>
<div id='output'></div>
<script>
var drinkSelect = document.getElementById('drink');
var outputDiv = document.getElementById('output');
drinkSelect.addEventListener('change',function(){
output.innerText = 'You like '+ this.value;
})
</script>
- Demo:
Select an option:
Which drink would you like? Latte Capuccino Americano Tea
Subiecte similare
Repetare un pas într-o buclă for in JS
JavaScript - jQuery - Ajax
Primul mesaj Am o buclă for() precum aceasta care arată ce vreau să fac.
for(var i=0; i<15; i++) {
// Add data in html
// When data has a specified...
Ultimul mesaj
Poti sa adaugi o condiție if() în buclă și cu ea verifici valorile acelor date.
Dacă are valoarea specificată, setează noile date dorite și scade 1...
Raspberry Pi 400 - un întreg PC într-o tastatură
Divertisment si Jocuri
Computerele desktop pot fi destul de voluminoase, ceea ce nu este necesar pentru persoanele care au nevoie doar să acceseze internetul sau să lucreze...
Cautare serie de cuvinte intr-un sir in php
PHP - MySQL - XML
Primul mesaj Am o listă de cuvinte spam care se află într-un array. Când un utilizator trimite un text șir, vreau să știu dacă textul conține vreunul din aceste...
Ultimul mesaj
Ai putea sa adăugi cuvintele spam într-un șir, cu | ca separator de cuvinte și apoi folosesti Regex pentru a verifica.
$my_words =...
adaugare element nou intr-un array de obiecte
PHP - MySQL - XML
Primul mesaj Salutare,
Am un array de obiecte sub forma aceasta:
$sql =
si un aray de forma aceasta:
$tipuri =
Cum pot adauga in primul array inca...
Ultimul mesaj
primesc o eroare pe linia json_decode($sql, true); , eroare este: json_decode() expects parameter 1 to be string, array given
Am rezolvat problema...
Inversare caractere adăugate într-un câmp de text
JavaScript - jQuery - Ajax
Primul mesaj Am urmatorul cod html si JavaScript. O caseta de text input si un button.
<input type='text' id='backwards-input'>
<button...
Ultimul mesaj
Testeaza si studiaza urmatorul cod:
<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>...
Afisare cu animatie continut adaugat cu JavaScript
JavaScript - jQuery - Ajax
Primul mesaj Ideea pe care vreau sa o fac e că la clic pe un buton, conținutul vechi e înlocuit cu nou conținut HTML adăugat cu javascript.
Vreau ca noul...
Ultimul mesaj
Pentru a declanșa o tranziție CSS, modifica starea CSS după ce ai introdus codul HTML. Poți face asta schimbând o clasă (la container sau la un...