点击时Jquery没有获得textarea的更新值

时间:2017-04-04 08:47:57

标签: javascript php jquery html

好吧,所以我试图从jquery中动态添加textarea的值。但似乎总是得到它的默认值。

下面是代码:

jQuery:

Write 1 to Characteristic 0xFF0D (TEST) --> disconnect

HTML:

$(document).on('click', '.savechanges',function(e){
    e.preventDefault()
    var rowid = $(this).attr('data-id');
    var text = $(".textbox-" + rowid).val();
    var datum = $("#date").val();

    $.ajax({
        type : 'post',
        url : 'php/savechanges.php',    //Here you will fetch records 
        data :  'rowid='+ rowid + "&date=" + datum + "&text=" + text,     //Pass $id
        success : function(data){
          alert('Dina ändringar har blivit sparade!');
        }
    });
});

所以这里的问题是<div class="form-group"> <label for="text">Ändra din text för denna dag</label> <textarea class="form-control textbox-<?php echo $singleRow['id'];?>" name="textruta" id="text">. <?php echo $singleRow['textruta'];?> </textarea> </div> <button type="button" class="btn btn-block btn-success savechanges" data-dismiss="modal" data-id="<?php echo $singleRow['id'];?>"> Spara ändringar </button> 总是获得jQuery添加的值而不是更新版本。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

我在我的服务器上创建文件index.php并创建此代码

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<?php
 $singleRow['id'] = 1;
 $singleRow['textruta'] = "test";
?>
<div class="form-group">
  <label for="text">Andra din text for denna dag</label>
  <textarea class="form-control textbox-<?php echo $singleRow['id'];?>" name="textruta" id="text"><?php echo $singleRow['textruta'];?></textarea>
</div>
<input type="text" id="date" value="05/04/2017"/>
<button type="button" class="btn btn-block btn-success savechanges" data-dismiss="modal" data-id="<?php echo $singleRow['id'];?>">
  Spara andringar
</button>
<script>

$(".savechanges").on('click',function(e){
    e.preventDefault()
    var rowid = $(this).data('id');
    var text = $(".textbox-" + rowid).val();
    var datum = $("#date").val();
console.log("start");
    $.ajax({
        type : 'post',
        url : '/seo-service/ajax/savechanges.php',    //Here you will fetch records 
        data :  'rowid='+ rowid + "&date=" + datum + "&text=" + text,     //Pass $id
        success : function(data){
            console.log(data);
          alert('Dina andringar har blivit sparade!');
        }
    });
});

</script>

之后我创建新文件&#34; savechanges.php&#34;

    <?php

var_dump($_POST);

?>
一切都好。我希望这个例子可以帮助你