-1

我是 php、jquery 和 ajax 的新手。我在 jquery 中有一个代码，可以在单击按钮时动态添加和删除文本框。我想将动态创建的文本框值的值发布到下一页并在下一页显示这些值。非常感谢任何帮助。在此先感谢。

我已经粘贴了下面的代码..

您还可以查看链接http://jsfiddle.net/NSePb/1/

    $(document).ready(function () {

            var counter = 1;

            $("#addButton").click(function () {

            if(counter>7){
                alert("Only 7 textboxes allow");
                return false;
                }   

        var newTextBoxDiv = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv' + counter);

        newTextBoxDiv.after().html('<label>Product #'+ counter + ' : </label>' +
      '<input type="text" size="22" name="product' + counter + 
      '" id="product' + counter + '" value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n\
          <label>Quantity #'+ counter + ' : </label>' +
      '<input type="text" size="1" name="qty' + counter + 
      '" id="qty' + counter + '" value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n\
          <label>Rate #'+ counter + ' : </label>' +
      '<input type="text" size="2" name="rates' + counter + 
      '" id="rates' + counter + '" value="" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n\
          <label>Total #'+ counter + ' : </label>' +
      '<input type="text" size="3" name="total' + counter + 
      '" id="total' + counter + '" value="" > ');

        newTextBoxDiv.appendTo("#TextBoxesGroup");


        counter++;
        });

        $("#removeButton").click(function () {
        if(counter==0){
        alert("No more textbox to remove");
        return false;
        }   

        counter--;

        $("#TextBoxDiv" + counter).remove();

        });
4

2 回答 2

0

您需要使用 $_POST 超全局变量，并使用 HTML 元素的 id。

考虑一下：

<form action="foobar.php" method="post">
<input type="text" id="an_element" name="an_element" />
</form>

如果您想使用 PHP 显示它，您将转到 action 属性指向的页面（在我们的例子中为foobar.php），并使用 $_POST 超全局变量。

所以 PHP 代码看起来像这样：

<?php
echo $_POST['an_element'];
?>

因此，以您的rates文本框为例，您可能希望这样做：

<?php
echo $_POST['rates'];
?>

请注意，如果您将action属性设置为get，则需要使用$_GET而不是$_POST。

此外，只需查看您的代码，您form的 HTML 中就会缺少该元素。而不是 using $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter);，您可能想要使用它：

$(document.createElement('form'))
.attr({
id: 'TextBoxDiv' + counter,
action: 'foobar.php',
method: 'post'
});
于 2013-04-23T05:04:10.417 回答
0

当您动态创建文本框时，我假设您的文本框名称是动态的，我在这里看不到。因此，将动态字段名称存储在数组中

$request = array(#field names#) // comma separated
$requestJson = json_encode($request);

经过

$requestJson as an hidden field in the form and submit the form.

在下一页，即在操作页面中，接收隐藏字段并对其进行解码

$requestArr = json_decode($_REQUEST['requestFields']);

循环数组并接收值

for($i=0; $i < count($requestArr); $i++)
{
        $value = $requestArr[$i]; // get the field name
        $content = $_REQUEST[$value]; // get the input value
            $fetchedResult = array($content); // Store the text field value 

}

Now your $fetchedResult will have the values to your future usage.

更新 - 根据评论的最新问题

var queryArr = [];

newTextBoxDiv.appendTo("#TextBoxesGroup"); // after this line add 
queryArr.push(product' + counter + '); // alert OR print in console to check the array values as and when the button is clicked.

$("#TextBoxDiv" + counter).remove(); //after this add
var removeItem = product' + counter + ' // #removed id#;
y = jQuery.grep(queryArr, function(value) {
  return value != removeItem;
});

$('<input>').attr({
    type: 'hidden',
    id: 'foo',
    name: 'bar',
    value : queryArr
}).appendTo('form');
于 2013-04-23T05:08:11.793 回答