克隆后输入字段值为空

时间:2013-01-07 11:50:27

标签: jquery html dom post

所以我遇到了jQuery Clone函数的问题。我有这个带有表单元素的div,我想在用户要求时添加到表单中。

但是当我将克隆的输入字段附加到表单时,输入字段值将保持为空。这导致我的POST变量被取消设置。

有没有人有这方面的经验?

由于

编辑:我尝试不使用克隆功能,只做了这段代码:https://dl.dropbox.com/u/6614378/code.png

上面的代码仍然没有给我的输入字段带来实际价值。

1 个答案:

答案 0 :(得分:0)

选中此DEMO

$(document).ready(function(){
        var num = 1;
        $('#button').click(function(){
            var toAppend = '<br><input type="text" value="" placeholder="put something in" name="product['+ num +'][name]">';
            $('#product').append(toAppend);
            num++;
        });

      $('#frmsub').click(function(){
        $('input[name^="product"]').each(function(){
          alert($(this).val());
        });
        });

    });

正如您所看到的,它与value属性无关,无论您在文本框中输入的值是textbox的值

更新2)获取php中的值

<form id="product" action="" method="post">
    <input type="text" name="product[0][name]" value="5">
    <input type="hidden" name="multtxt" value="1">
    <input type="submit" name='frmsub' id='frmsub' value='submit'>
</form>

<?php
if(isset($_POST['multtxt'])){

    $prod_cnt = $_POST['product'];
    foreach($prod_cnt as $prod)
    echo $prod['name'];


}
?>