Automatické vyplnění < textarea > po zvolení < option > – HTML / XHTML – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Automatické vyplnění < textarea > po zvolení < option > – HTML / XHTML – Fórum – Programujte.comAutomatické vyplnění < textarea > po zvolení < option > – HTML / XHTML – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Heretiiik
~ Anonymní uživatel
1 příspěvek
4. 9. 2011   #1
-
0
-

Dobrý den, potřeboval bych poradit, když v < select > zvolím určitou možnost, aby se mi v < textarea > objevil text, dík za rady, ani GooGle mi nepomohl...

Nahlásit jako SPAM
IP: 89.190.90.–
Reklama
Reklama
4. 9. 2011   #2
-
0
-

s trocho Java Scriptu by to nemel byt problem...

asi nejak takto


<select id="select">

<option value=1>1</option>

<option value=2>2</option>

</select>

<textarea id="text"></textarea>



<script>

$(function() {

$('#select').change(function() {

$('#text').val($('#select').val())

})

})

</script>

predpokladam pouziti jQuery...

nezkousel jsem to, ale snad to takhle nejak bude fungovat

Nahlásit jako SPAM
IP: 89.235.0.–
Froggy0
Newbie
27. 10. 2011   #3
-
+1
-
Zajímavé

Bohužel, zmíněný kód nemůže fungovat. Tady je jeho oprava v jQuery, ale možná bys preferoval čistý JavaScript, proto přikládám i tu verzi. 

<select id="select">
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<textarea id="text"></textarea>

<script>
$(function() {
  $('#select').change(function() {
    $('#text').val($(this).children(':selected').val());
  });
});</script>

S čistým JavaScriptem by kód vypadal takto:

(function() {
  var textarea = document.getElementById('text');
  var select = document.getElementById('select');
  select.addEventListener('change',function() {
    textarea.value = this.value;
  });
})();

Odzkoušeno, funguje.

Nahlásit jako SPAM
IP: 85.70.239.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 5 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý