javascript - document.getElementById 不适用于 textarea

Question

我已经尝试了这么久，我找不到问题。

getelementbyId 从两个第一个 id 中正确获取数据：“odbiorca”和“temat”，并将其正确添加到数据库中，但在 textarea“tresc”的情况下不会发生。

有人能帮帮我吗？

<form method="post">
    <input class="input" type="text" name="do_kogo" id="odbiorca" size="25" value="<?php print $odbiorca; ?>" />
    <input class="input" id="temat" type="text" name="temat" size="25" value="<?php print $temat; ?>"/>
    <textarea id="tresc_area" cols="45" rows="10" ></textarea>
    <input onclick="Check()" id="send_submit" type="submit" value="Send" />
</form>​

这是它的ajax

<script type="text/javascript">

var odbiorca = document.getElementById("odbiorca");
var temat = document.getElementById("temat");
var tresc = document.getElementById("tresc_area");

function Check() {
    $.ajax({
        type: "POST",
        url: "send_prv_msg.php",
        data: {
            do_kogo: odbiorca.value,
            temat: temat.value,
            tresc: tresc.value
        },
        success: function(odp) {
            $("p#error_box").html(odp);
        }
    });

}​

</script>

有人知道为什么odbiorca.value并且temat.value工作正确，但tresc.value不知道吗？

Answer 1

你应该改变你的代码，如下所示。这

<script type="text/javascript">

function Check() {
    /*get the value in each click*/
    var odbiorca = document.getElementById("odbiorca");
    var temat = document.getElementById("temat");
    var tresc = document.getElementById("tresc_area");
    $.ajax({
        type: "POST",
        url: "send_prv_msg.php",
        data: {
            do_kogo: odbiorca.value,
            temat: temat.value,
            tresc: tresc.value
        },
        success: function(odp) {
            $("p#error_box").html(odp);
        }
    });

}​

</script>