如何在 jquery 中获取文本区域的值？答案

【问题标题】：how to get text area value in jquery?如何在 jquery 中获取文本区域的值？
【发布时间】：2013-11-25 04:45:07
【问题描述】：

我正在尝试将文本区域的值发送到数据库，但我无法获取文本区域的值。而且我希望一旦将数据保存到数据库中，我想在文本区域中显示该数据。请帮助我。

谢谢。这是我的代码。

<script type="text/javascript" >
function save()
{
var mail = {
                aboutus: $('textarea#area1').val(),
                services: $("#area2").val(),
                contact: $("#area3").val()

              };
        $.ajax({
                url: "user_stall_add.php",
                type: "POST",
                enctype: "multipart/form-data",
                data: mail,

                success: function(data) {

alert("Content Added");



                }
            });
            }
</script>
<script type="text/javascript" src="../nicEdit.js"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
</script>

<h4 style="margin-left:4em;">About Us Content</h4>
<textarea name="area1" id="area1"  style="margin-left:4em;" cols="60" rows="10"></textarea>

<input type="button" style="margin-left:4em;" value="Save" onclick="save();"><br />

<h4 style="margin-left:4em;">Services Content</h4>
<textarea  name="area2" id="area2"  cols="60" rows="10">
Some Initial Content was in this textarea
</textarea>
<input type="button" style="margin-left:4em;" value="Save" onclick="save();"><br />

<h4 style="margin-left:4em;">Contact Content</h4>
<textarea style="margin-left:4em;" id="area3" name="area3" cols="60" rows="10">
HTML <b>content</b> <i>default</i> in textarea
</textarea>
<input style="margin-left:4em;" type="button" value="Save" onclick="save();"><br />
</div>

【问题讨论】：

.val() 应该可以工作。为什么你认为它不起作用？

标签： php jquery html ajax textarea

【解决方案1】：

你用过nicEditors，

          var aboutus  = new nicEditors.findEditor('area1').getContent();            
          var services  = new nicEditors.findEditor('area2').getContent();             
          var contact  = new nicEditors.findEditor('area3').getContent();

          var mail = {
            aboutus: aboutus,
            services: services,
            contact: contact

          };

参考号：http://nicedit.com/demos.php

文档：http://wiki.nicedit.com/w/page/521/Javascript%20API

返回 nicInstance 的当前 HTML

例如：

nicEditors.findEditor('myArea2').getContent();

返回内容编辑器中将页面上的元素替换为 ID 'myArea2' 的 HTML。

【讨论】：

【解决方案2】：

试试

         aboutus: $('textarea#area1').val(),
        services: $('textarea#area2').val(),
         contact: $('textarea#area3').val()

【讨论】：

【解决方案3】：

请尝试$('#area1').val() 匹配您的其他文本区域。此外，请确保 textarea 中有一个值 - 否则您将得到一个未定义的值。最后，当我使用时，您的示例工作正常

function test() {
  // These both work for me.
  console.log($("textarea#area1").val());
  console.log($('#area1').val());
}

【讨论】：