1

当用户单击按钮 (+) 时，我想在 div 中插入一个新字段。

文本字段的代码是：

<?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函数！任何人都可以帮助我吗？

谢谢！

4

2 回答 2

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);
    });
});
于 2013-09-25T19:33:42.197 回答
0

Ajax Approach

$(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
   }

});
于 2013-09-25T19:37:40.910 回答