JavaScriptとHTMLを使用してSQLとボタンを追加するにはどうすればよいですか？

Question

私は、ANDステートメントをクエリに追加するオプションを作成するANDボタンを追加するアプリケーションを持っています。これは私が現時点でこれを行う必要があるPHPとHTMLコードです。問題は、javascriptの部分にPHPの部分を接続して、同じコードを追加するボタンを作成する方法を知らないということですか？

このHTMLコード：

これは、PHPのコードです：現時点で

<?php 

    include "connect.php"; 

    $table   = $_POST['tableSelected']; 
    $field   = $_POST['fieldSelected']; 
    $attribute  = $_POST['attributeSelected']; 
    $operator  = $_POST['operatorSelected']; 
    $fieldList  = $_POST['fieldList']; 

    if (!empty($table)){ 

     if (!empty($fieldList)){ 
     $fieldstr = $fieldList . ",ST_AsGeoJSON(ST_Transform(l.geom,4326),6)"; 
     } else { 
     $fieldstr = ""; 
     } 

     $pairs = []; 

     foreach ($_POST['fieldSelected'] as $key => $field) { 
      if (!empty($field) && !empty($_POST['operatorSelected'][$key]) && !empty($_POST['attributeSelected'][$key])) { 
       $pairs[] = $field . " " . $_POST['operatorSelected'][$key] . " '" . $_POST['attributeSelected'][$key] . "'"; 
      } 
     } 

     if (count($pairs) > 0) { 
      $sql .= ' WHERE ' . implode(' AND ', $pairs); 
     } 

     //echo ($sql); 
?> 

そして、この私のhtml：

<select name="field[]">...</select> 
<select name="operator[]">...</select> 
<select name="value[]">...</select> 

これは私が欲しいものです：

Answer 1

ボタンをクリックすると、そのようなものが生成されます。 Javascriptを（jQueryの）：

newElement = $("#someSelector").clone(false); 
// Some modification of new element. Change id for example 
$(newElement).attr("id",newIdValue); 
newElement.appendTo("#parentElement");