无法使用 javascript 将 textarea 的值传递给 PHP 脚本 ECHO

Question

我试图获得textarea使用 JavaScript 将其传递给 PHP 而无需重新加载页面的价值。请问我这里哪里有问题？这是从 textarea 获取值并将其传输到 PHP 以供使用的 Javascriptfunction getValue(s){        $.post(        "reply.php",         {                  getTxt: s,        },            function(data,status){             $("#ReplyTextField").html(data);        }    );}这是带有回复按钮的 HTML 文本区域<!-- reply popup --><div class="sitemodal fade" id="reply-popup">    <div class="sitemodal-dialog">      <!-- siteModal content-->      <div class="sitemodal-content">        <div class="sitemodal-header">          <button type="button" class="close-popup">&times;</button>          <h4 class="sitemodal-title">Reply</h4>        </div>        <div class="sitemodal-body">          <form enctype="multipart/form-data" method="Post" action="<?php echo "reply.php?message=" . $row['id'] . "'"; ?>" name="msgform">            <textarea id="ReplyTextField" placeholder="Give your Reply" name="textarea1"></textarea>          </form>        </div>        <div class="sitemodal-footer">          <button type="button" class="popup-btn reply" id="replyButton" name="sendmsg" onclick="getValue()">Reply</button>        </div>      </div>    </div></div>这是 reply.php 文件中的 php 脚本，我正在尝试将数据传输到<?php/*include("functions.php");include("session.php");require("connection.php");*/$getTxt= $_REQUEST['getTxt'];echo $getTxt;?>

Answer 1

你的 PHP 很好。问题在于 HTML。您没有发送在 php.ini 中引发错误的值。您必须在 onclick 函数中发送变量，然后它才能工作。

这是更新的 HTML 文件：

function getValue(s){    

    $.post("reply.php", 

      {getTxt: s,}, function(data,status){

      $("#ReplyTextField").html(data);});  

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p></p><div class="sitemodal fade" id="reply-popup">

    <div class="sitemodal-dialog">

      <!-- siteModal content-->

      <div class="sitemodal-content">

        <div class="sitemodal-header">

          <button type="button" class="close-popup">&times;</button>

          <h4 class="sitemodal-title">Reply</h4>

        </div>

        <div class="sitemodal-body">

          <form enctype="multipart/form-data" method="Post" action="<?php echo `reply.php?message=` . $row['id'] . `'`; ?>" name="msgform">

            <textarea id="ReplyTextField" placeholder="Give your Reply" name="textarea1"></textarea>

          </form>

        </div>

        <div class="sitemodal-footer">

          <button type="button" class="popup-btn reply" id="replyButton" name="sendmsg" onclick="getValue(document.getElementById('ReplyTextField').value)">Reply</button>

        </div>

      </div>

    </div>

</div>

Answer 2

问题是您没有将任何参数传递给getValue()函数。我会避免使用 HTML onclick 属性，而是使用 jQuery 事件处理程序：

$('#replyButton').on('click', function() {

    var textareaValue = $('#ReplyTextField').val();

    getValue(textareaValue);

};

您还应该使用该.val()方法来设置 textarea 的值。 https://api.jquery.com/on/ https://api.jquery.com/val/