Arkadaşlar bir form oluşturmak istiyorum
inputlar olacak Mesela
fenerbahçe
galatasaray
Beşiktaş seçimlerinden birini seçtiğinde
Yapılan seçim BİR TEXT AREA kısmına otomatik olarak eklenecek.Ordan düzenlenebilecek
Yardımcı olur musunuz nasıl yapabilirim?
Radio inputu ile yapılan seçimi textarea ya nasıl aktarabilirim?
7
●265
- 21-01-2019, 15:24:40
<form id="teamSelect"> <input type="radio" name="team" class="team" value="Fenerbahçe" checked>Fenerbahçe<br> <input type="radio" name="team" class="team" value="Galatasaray">Galatasaray<br> <input type="radio" name="team" class="team" value="Trabzonspor">Trabzonspor<br> <textarea id="textHolder" name="editedTeamName"> </textarea><br> <button type="submit">Gönder</button> </form>$(function(){ $('#textHolder').val($('input[name=team]:checked').val()); }); $(document).on('change', '.team', function(){ $('#textHolder').val($(this).val()); }); $(document).on('submit','#teamSelect',function(){ alert($('#textHolder').val()); });Hocam 2 dakika basitçe şöyle birşeyler yazabildim. - 21-01-2019, 17:21:49Ben örnek olarak ekledim dönen sonucu görebilmeniz için silebilirsiniz button'u.martyr adlı üyeden alıntı: mesajı görüntüle
- 21-01-2019, 18:07:23https://jsfiddle.net/br5hw0zg/picpoket adlı üyeden alıntı: mesajı görüntüle
peki trabzonspor tercihi yaptım ve sonra yapacağım 2.tercih trabzonspor2 tercih ettiğimde textbox değişiyor.hemen altına eklese mesela .onu nasıl yapabilirim.
Örneğin Şöyle Eklese
Galatasaray
trabzonspor1
fenerbahçe3 - 21-01-2019, 20:49:03Tam olarak ne yapmak istediğinizi bilemediğim için yazdığınız kadarını şöyle bir yöntem kullanarak yapabilirsiniz;martyr adlı üyeden alıntı: mesajı görüntüle
$(document).on('change', '.team', function(){ $('#team1Text').val($(this).val()); updateTextArea(); }); $(document).on('change', '.team2', function(){ $('#team2Text').val($(this).val()); updateTextArea(); }); $(document).on('change', '.team3', function(){ $('#team3Text').val($(this).val()); updateTextArea(); }); function updateTextArea(){ $('#textHolder').html($('#team1Text').val()+'n'); $('#textHolder').append($('#team2Text').val()+'n'); $('#textHolder').append($('#team3Text').val()); };<input type="radio" name="team" class="team" value="Fenerbahçe">Fenerbahçe<br> <input type="radio" name="team" class="team" value="Galatasaray">Galatasaray<br> <input type="radio" name="team" class="team" value="Trabzonspor">Trabzonspor<br> <input type="hidden" id="team1Text"> <input type="radio" name="team2" class="team2" value="Fenerbahçe2">Fenerbahçe2<br> <input type="radio" name="team2" class="team2" value="Galatasaray2">Galatasaray2<br> <input type="radio" name="team2" class="team2" value="Trabzonspor2">Trabzonspor2<br> <input type="hidden" id="team2Text"> <input type="radio" name="team3" class="team3" value="Fenerbahçe3">Fenerbahçe3<br> <input type="radio" name="team3" class="team3" value="Galatasaray3">Galatasaray3<br> <input type="radio" name="team3" class="team3" value="Trabzonspor3">Trabzonspor3<br> <input type="hidden" id="team3Text"> <textarea id="textHolder" name="editedTeamName"> </textarea><br>