如何使用 javascript 和 HTML 添加 sql 和按钮？答案

【问题标题】：How to use javascript and HTML to add a sql and button?如何使用 javascript 和 HTML 添加 sql 和按钮？
【发布时间】：2016-06-23 11:28:28
【问题描述】：

我有一个应用程序，我想在其中添加一个 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>

这就是我想要的：

【问题讨论】：

我没有看到任何 javascript？但是，您仍然在正确地寻找 AJAX。
是的，我已经在为posts 使用 AJAX。但我需要一个 javascript 函数，该函数在单击按钮 AND 时复制字段和属性选择列表。我需要连接 php tot。

标签： javascript php html sql and-operator

【解决方案1】：

按钮点击应该产生类似 Javascript (jQuery) 的东西：

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

【讨论】：