Добавление из нескольких полей в одно
Есть несколько input'ов. Как сделать так, чтобы при вводе текста в 1-ом из 4-ех полей, этот текст добавлялся в 5-ое поле. Если таким методом применить ко всем полям как ниже, текст, который вводился с первого поля удаляется, а нужно чтобы он добавлялся. Помогите пожалуйста.
Название песни:<br> <input type="text" name="title"><br> Другое название:<br><input type="text" name="aemail"><br> Исполнитель:<br><input type="text" name="asite"><br> Альбом:<br><input type="text" name="proglink"><br> Теги:<br><input type="text" name="tags"> <script type="text/javascript"> $('input[name="title"]').keyup(function() { $('input[name="tags"]').val($(this).val()) }); </script> |
$('input[name="title"]').keyup(function() { $('input[name="tags"]').value += $('input[name="title"]').value; }); P.S. В jQuery ничего не соображаю но этот вариант должен заработать |
Раед,
нет, это не то, в поле теги, должен добавляться текст со всех остальных полей |
bohdantheone,
Вариант... <!DOCTYPE html> <html> <head> <title></title> </head> <body> Название песни:<br> <input type="text" name="title" class="nz" id="id1"><br> Другое название:<br><input type="text" name="aemail" class="nz" id="id2"><br> Исполнитель:<br><input type="text" name="asite" class="nz" id="id3"><br> Альбом:<br><input type="text" name="proglink" class="nz" id="id4"><br> Теги:<br><input type="text" name="tags"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript"> var nz = $("#id1,#id2,#id3,#id4"); nz.keyup(function () { var a = [],b; nz.each(function () { b = $(this).val() b && a.push(b) }); $('input[name="tags"]').val(a) });</script> </body> </html> |
рони,
спасибо, а как еще сделать, чтобы после каждого поля вставлялась запятая? |
Цитата:
|
рони,
так подойдет для элементов с одним классом, а допустим есть такие элементы еще, которые не нужно добавлять в поле тегов. Как таким образом сделать, только через ID, например, если у них разные Id: id1, id2, id3 и т.д? |
Цитата:
http://api.jquery.com/multiple-selector/ |
рони,
все спасибо, разобрался=) |
Цитата:
Помоготе пожалусто... |
Corey,
значения инпутов заносятся в массив , в массиве при отображении элементы разделяются запятыми Все объекты, включая встроенные, имеют свои реализации метода toString |
[quote=рони;240271]Corey,
значения инпутов заносятся в массив , в массиве при отображении элементы разделяются запятыми Реально сделать так , чтоб каждый элемент массива разделялся запятыми а не пробелами пример: -------------- Название песни:<br> <input type="text" value="Название песни" name="title" class="nz" id="id1"><br> Другое название:<br><input type="text" value="Другое название" name="aemail" class="nz" id="id2"><br> Исполнитель:<br><input type="text" value="Исполнитель" name="asite" class="nz" id="id3"><br> Теги:<br><input type="text" size="40"value="Название ,песни,Другое,название,Исполнитель" name="tags"> Буду очень благодарен.... |
$('input[name="tags"]').val($(this).val().split(' ').join(', ')) |
Часовой пояс GMT +3, время: 07:06. |