Javascript-форум - Помогите создать форму заказа (тому кто поможет подкину денег)

на клиенте добавлять нет проблем.

а вот компонента/плагина который мог бы обработать такую форму на сервере для joomla я не припомню.
Мне кажется придётся какой нибудь контролёр писать для серверной стороны, которому можно будет скормить форму. и который знает что с ним делать.
Хотя насчёт joomla возможно я ошибаюсь.

Теперь вопрос как вам скормить на сервер данные. Можно через json, или через post как массив (name[1] name[2] и тд)? Ответ зависит от того что вы хотите сделать на сервере.

<!DOCTYPE HTML>
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  </head>
  <body>
    
    <form class="container" >
      
      <table class="tmpl" width="98%">
        <tr>
          <td> Товар<input type="text" class="name" name="name1" value=""> </td>
          <td> Цвет<input type="text" class="name" name="name2" value=""> </td>
          <td> Артикул <input type="text" class="name" name="name3" value=""> </td>
          <td> Количество <input type="text" class="name" name="name4" value=""> </td>
          <td> Цена:<input type="text" class="name" name="name5" value=""> </td>
          <td class="close">X</td>
        </tr>
      </table>
    
      
    </form>
    </br>
      <B CLASS="add">дОБАВИТЬ</b>
    
    <script>

	$(function(){
     
      var tmpl=$(".tmpl").clone(),
           count=0;

      make( $(".tmpl") );
      
      $('.add').click(function(){
            var newEl=tmpl.clone();
            make(newEl);
            $('.container').append(newEl);        
      })
      
      // функция добавляет к строке, анимацию, реакцию на события, здесь можно менять атрибуты если нужно ну и тд
      function make(el){

        //Образец кода работающий с атрибутами, поможет скормить форму серверу как массив
        //count++;
        //el.find('input, select, textarea').each(function(){
        //    var name=$(this).attr('name');
        //    $(this).attr('name', name+'['+count+']' );
        //})        

        $('.close',el).click(function(){
              $(this).parent().remove();        
        })

        // добавим немного анимации
        el.css({opacity:0});
        el.animate({opacity:1},300);      
      }            

    })

    </script>

  </body>
</html>