如何使用JavaScript和HTML添加sql和按鈕？

Question

我有一個應用程序，要添加一個AND按鈕，然后創建將AND語句添加到查詢的選項。 這是我目前必須執行的php和html代碼。 問題是我不知道如何將php部分連接到javascript部分以創建添加完全相同代碼的按鈕？

這是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");