Question

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

感谢。这是我的代码。

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

Answer 1

请尝试$('#area1').val()以匹配您的其他文字区域。另外，确保textarea中有一个值 - 否则你将得到一个未定义的值。最后，当我使用

时，您的样本工作正常

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

Answer 2

尝试

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

Answer 3

您使用过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

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

返回nicInstance的当前HTML

例如：

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

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

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

3 个答案: