Question

当用户点击按钮（+）时，我想在div中插入一个新字段。

textfield的代码是：

<?php
$sql = "SELECT nome, codigo FROM ref_bibliograficas";
$result = mysql_query($sql) or die (mysql_error());
echo ("<select class='autocomplete big' name='ref_bib_0' style='width:690px;' required>");
echo ("<option select='selected' value=''/>");  
while($row = mysql_fetch_assoc($result)){
echo ("<option value=" . $row["codigo"] . ">" . $row["nome"] . "</option>");
echo ("</select>");
mysql_free_result($result);
?>

所以，我不知道如何用AJAX插入字段。

我使用jQuery实现了onclick功能！有人可以帮帮我吗？

谢谢！

Answer 1

您正在寻找的是jQuery .load()函数。 http://api.jquery.com/load/

让您的php页面输出您想要添加到div的所需HTML，然后您的JavaScript代码应如下所示：

$('#addButton').click(function(){          // Click event handler for the + button. Replace #addButton wit the actual id of your + button
    $('#myDiv').load('yourphppage.php');   // This loads the output of your php page into your div. Replace #myDiv with the actual id of your div
});

如果你想追加你的div的新字段，那么你应该做以下事情：

$('#addButton').click(function(){  
    $.post('yourphppage.php', function(data) {
        $('#myDiv').append(data);
    });
});

Answer 2

Ajax方法

$(document).ready(function(e)
{
  $('#plus-button').click(function(e)
  {
    $.ajax(
    {
    url: "PHP-PAGE-PATH.php", // path to your PHP file
    dataType:"html",
    success: function(data)
    {
       // If you want to add the data at the bottom of the <div> use .append()

       $('#load-into-div').append(data); // load-into-div is the ID of the DIV where you load the <select>

       // Or if you want to add the data at the top of the div

       $('#load-into-div').prepend(data); // Prepend will add the new data at the top of the selector
    } // success
    }); // ajax
   }

});

使用AJAX附加PHP代码

2 个答案: