Przepisywanie pól "input" do "textarea" Opcje

[Marecki669]

Witam,
jestem zielony z js, a muszę mieć skrypt który "przepisuje" to co się wpisało w pole input na bieżąco do pola textarea, konkretniej do treści maila, która znajduje się w textarea. proszę o pomoc.

[Pyton_000]

jQuery -> on -> change (ew. keypress)

Ten post edytował Pyton_000 5.07.2014, 15:44:02

[Marecki669]

a jakoś tak prościej jak by można (IMG:style_emoticons/default/biggrin.gif)

[trueblue]

http://stackoverflow.com/a/10133389

[Marecki669]

a teraz takie pytanie. Mam formularz dodawania produktów:

[PHP] pobierz, plaintext 
<input type="text" style="width:450px;" name="product_name[0]" value="'.$_POST['product_name'][0].'">
<input type="text" style="width:35px;" value="'.$_POST['number'][0].'" name="number[0]">
<input type="text" style="width: 60px;" value="'.$_POST['price'][0].'" name="price[0]"><br>
<a href="#" id="addScnt"><h4>Dodaj następny produkt</h4></a><br>
[PHP] pobierz, plaintext 

i do tego dodawanie następnych produktów w js:

[PHP] pobierz, plaintext 
 $(function() {
        var scntDiv = $('#p_scents');
        var i = $('#p_scents p').size() + 1;
 
        $('#addScnt').live('click', function() {
                $('<p><input type="text" id="p_scnt" style="width:450px;" size="20" name="product_name[' + i +']" value="" /><br><br>
<input type="text" id="p_scnt" style="width:35px;" size="20" name="number[' + i +']" value="" /><br><br>
<input type="text" id="p_scnt" size="20" style="width: 60px;" name="price[' + i +']" value="" /> zł <br><a href="#" id="remScnt">Usuń</a><br><br><br></p>').appendTo(scntDiv);
                i++;
                return false;
        });
 
        $('#remScnt').live('click', function() { 
                if( i > 1 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});
[PHP] pobierz, plaintext 

i teraz jak zrobić żeby przepisywało te produkty które zostały następnie dodane ?

Ten post edytował Marecki669 5.07.2014, 16:11:46

[trueblue]

Gdzie ma przepisywać te produkty?

P.S. Elementy struktury DOM musi mieć unikalne ID, u Ciebie wszystkie 3 inputy mają to samo ID.
P.P.S. Dwukrotnie zamykasz label, którego nie otwierasz.

[Marecki669]

produkty ma przepisywać do

[PHP] pobierz, plaintext 
<label>Wiadomość:</label><br><textarea rows="4" cols="50" value="'.$_POST['message'].'" name="message">Witamy, przygotowalismy dla panstwa zamowienie
telefoniczne, zamawiaja panstwo u nas: [color="#FF0000"][b]TUTAJ PRODUKTY MAJĄ SIĘ WPISYWAĆ[/b][/color]</textarea><br><br><br>
[PHP] pobierz, plaintext 

co do zamykania labela w poprzednim mój błąd przy kopiowaniu żeby wam pokazać.

[trueblue]

[HTML] pobierz, plaintext 
$('#p_scents').on('keyup','input[name^="product_name"]',function(){
 var order='Witamy, przygotowalismy dla panstwa zamowienie telefoniczne, zamawiaja panstwo u nas: ';
 $('input[name^="product_name"]').each(function(){
  order+="\n"+$(this).val();
 });
 $('textarea[name="message"]).val(order);
});
[HTML] pobierz, plaintext 

[Marecki669]

oo Dzięki wielkie (IMG:style_emoticons/default/wink.gif) a jeszcze takie pytanko jak bym chciał mieć tak że w wiadomości będzie np.
2x tablet - 1000 zł
czyli
ilość - nazwa - cena

jak by to było z kodem ?

[trueblue]

Nadal nie jest zależne od edycji ilości.

[HTML] pobierz, plaintext 
$('#p_scents').on('keyup','input[name^="product_name"]',function(){
 var order='Witamy, przygotowalismy dla panstwa zamowienie telefoniczne, zamawiaja panstwo u nas: ';
 $('input[name^="product_name"]').each(function(i){
  var ilosc=$('input[name="number['+i+']"]').val();
  order+="\n"+ilosc+" "+$(this).val()+" "+$('input[name="price['+i+']"]').val()*ilosc;
 });
 $('textarea[name="message"]).val(order);
});
[HTML] pobierz, plaintext 

Powinieneś również zmodyfikować tak, aby treść zamówienia była poprawna po usunięciu produktu.

Ten post edytował trueblue 5.07.2014, 17:01:08

[Marecki669]

uuu :/ no właśnie tylko jak teraz zrobić to żeby wiadomość była poprawna po usunięciu :/

Ten post edytował Marecki669 5.07.2014, 20:17:42