Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przepisywanie pól "input" do "textarea"
Forum PHP.pl > Forum > XML, AJAX
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)
Marecki669
a jakoś tak prościej jak by można biggrin.gif
trueblue
http://stackoverflow.com/a/10133389
Marecki669
a teraz takie pytanie. Mam formularz dodawania produktów:
  1. <input type="text" style="width:450px;" name="product_name[0]" value="'.$_POST['product_name'][0].'">
  2. <input type="text" style="width:35px;" value="'.$_POST['number'][0].'" name="number[0]">
  3. <input type="text" style="width: 60px;" value="'.$_POST['price'][0].'" name="price[0]"><br>
  4. <a href="#" id="addScnt"><h4>Dodaj następny produkt</h4></a><br>

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

  1. $(function() {
  2. var scntDiv = $('#p_scents');
  3. var i = $('#p_scents p').size() + 1;
  4.  
  5. $('#addScnt').live('click', function() {
  6. $('<p><input type="text" id="p_scnt" style="width:450px;" size="20" name="product_name[' + i +']" value="" /><br><br>
  7. <input type="text" id="p_scnt" style="width:35px;" size="20" name="number[' + i +']" value="" /><br><br>
  8. <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);
  9. i++;
  10. return false;
  11. });
  12.  
  13. $('#remScnt').live('click', function() {
  14. if( i > 1 ) {
  15. $(this).parents('p').remove();
  16. i--;
  17. }
  18. return false;
  19. });
  20. });


i teraz jak zrobić żeby przepisywało te produkty które zostały następnie dodane ?
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

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


co do zamykania labela w poprzednim mój błąd przy kopiowaniu żeby wam pokazać.
trueblue
  1. $('#p_scents').on('keyup','input[name^="product_name"]',function(){
  2. var order='Witamy, przygotowalismy dla panstwa zamowienie telefoniczne, zamawiaja panstwo u nas: ';
  3. $('input[name^="product_name"]').each(function(){
  4. order+="\n"+$(this).val();
  5. });
  6. $('textarea[name="message"]).val(order);
  7. });
Marecki669
oo Dzięki wielkie 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.
  1. $('#p_scents').on('keyup','input[name^="product_name"]',function(){
  2. var order='Witamy, przygotowalismy dla panstwa zamowienie telefoniczne, zamawiaja panstwo u nas: ';
  3. $('input[name^="product_name"]').each(function(i){
  4. var ilosc=$('input[name="number['+i+']"]').val();
  5. order+="\n"+ilosc+" "+$(this).val()+" "+$('input[name="price['+i+']"]').val()*ilosc;
  6. });
  7. $('textarea[name="message"]).val(order);
  8. });


Powinieneś również zmodyfikować tak, aby treść zamówienia była poprawna po usunięciu produktu.
Marecki669
uuu :/ no właśnie tylko jak teraz zrobić to żeby wiadomość była poprawna po usunięciu :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.