點擊jquery沒有得到更新textarea的值

好吧，所以我想要從jquery動態添加一個textarea的值。但它似乎總是得到它的默認值。點擊jquery沒有得到更新textarea的值

繼承人的代碼：

的jQuery：

$(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!'); 
     } 
    }); 
});

HTML：

<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>

所以這裏的問題是，$(".textbox-" + rowid).val()總是得到的jQuery，而不是更新版本的附加值。

任何幫助，將不勝感激。

來源

2017-04-04 Robin Larsson

似乎工作正常 - > https://jsfiddle.net/adeneo/nv9pjuuL/ – adeneo

事情是，textarea是在另一個文件中創建的，並將jquery放在頁面上的引導模式。當我嘗試在主頁上發佈結果時，jquery似乎無法訪問textarea中的更新內容。 –

也嘗試過與日期輸入相同的內容，但是在更改它時不會更新。 –

林我的服務器上創建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>

創建新的文件「savechanges.php」

<?php 

var_dump($_POST); 

?>

一切好。我希望這個例子可以幫助你

來源

2017-04-04 09:30:23

不好意思 –

我覺得url問題，也許試試/php/savechanges.php（slash before「php」） –

問題不在接收端，它是發送端的問題 –

點擊jquery沒有得到更新textarea的值

回答

相關問題