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

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

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

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.