在jQuery中设置textarea的值

Question

我试图使用jquery在textarea字段中设置一个值,代码如下:

$("textarea#ExampleMessage").attr("value", result.exampleMessage);

问题是,一旦执行此代码,它不会改变textarea中的文本？

但是,当执行alert($("textarea#ExampleMessage").attr("value"))新设置的值时会返回？

Answer 1

你试过val吗？

$("textarea#ExampleMessage").val(result.exampleMessage);

Answer 2

Textarea没有值属性,它的值介于标签之间,即:<textarea>my text</textarea>,它不像输入字段(<input value="my text" />).这就是为什么attr无效:)

Answer 3

$("textarea#ExampleMessage").val() 在jquery只是一个魔术.

你应该注意到textarea标签使用内部html显示而不是value属性就像输入标签一样.

<textarea>blah blah</textarea>
<input type="text" value="blah blah"/>

你应该用

$("textarea#ExampleMessage").html(result.exampleMessage)

要么

$("textarea#ExampleMessage").text(result.exampleMessage)

取决于您是否要将其显示为html标签或纯文本.

Answer 4

噢,来吧男孩!它适用于

$('#your_textarea_id').val('some_value');

Answer 5

我认为这应该有效:

$("textarea#ExampleMessage").val(result.exampleMessage);

Answer 6

我有同样的问题所以我决定在当前的浏览器中尝试它(我们在这个问题之后的一年半之后),并且这个(.val)有效

$("textarea#ExampleMessage").val(result.exampleMessage); 

对于

• IE8
• FF 3.6
• FF4
• 歌剧11
• Chrome 10

Answer 7

我有同样的问题,这个解决方案不起作用,但有用的是使用HTML

$('#your_textarea_id').html('some_value');

Answer 8

在android上.val并.html没有奏效.

$('#id').text("some value")

做了这个工作.

Answer 9

有问题:我需要从给定div的包含生成html代码.然后,我必须将这个原始的html代码放在textarea中.当我使用函数$(textarea).val()时:

$(textarea).val("某些html,如<input type ='text'value =''style ="background:url('http://www.w.com/bg.gif')repeat-x center; "/> bla bla");

要么

$('#idTxtArGenHtml').val($('idDivMain').html());

当它们介于quot之间时,我遇到了一些特殊字符(&'")的问题.但是当我使用函数时:$(textarea).html()文本没问题.

有一个示例形式:

<FORM id="idFormContact" name="nFormContact" action="send.php" method="post"  >
    <FIELDSET id="idFieldContact" class="CMainFieldset">
        <LEGEND>Test your newsletter&raquo; </LEGEND> 
        <p>Send to &agrave; : <input id='idInpMailList' type='text' value='youremail@gmail.com' /></p>
        <FIELDSET  class="CChildFieldset">
            <LEGEND>Subject</LEGEND>
            <LABEL for="idNomClient" class="CInfoLabel">Enter the subject: *&nbsp</LABEL><BR/>
          <INPUT value="" name="nSubject" type="text" id="idSubject" class="CFormInput" alt="Enter the Subject" ><BR/>
    </FIELDSET>
    <FIELDSET  class="CChildFieldset">
        <INPUT id="idBtnGen" type="button" value="Generate" onclick="onGenHtml();"/>&nbsp;&nbsp;
          <INPUT id="idBtnSend" type="button" value="Send" onclick="onSend();"/><BR/><BR/>
            <LEGEND>Message</LEGEND>
                <LABEL for="idTxtArGenHtml" class="CInfoLabel">Html code : *&nbsp</LABEL><BR/>
                <span><TEXTAREA  name="nTxtArGenHtml" id="idTxtArGenHtml" width='100%' cols="69" rows="300" alt="enter your message" ></TEXTAREA></span>
        </FIELDSET>
    </FIELDSET>
</FORM>

并且无法填充textarea的javascript/jquery代码是:

function onGenHtml(){
  $('#idTxtArGenHtml').html( $("#idDivMain").html()  );
}

最终的解决方案:

function onGenHtml(){
  $('#idTxtArGenHtml').html( $("#idDivMain").html() );
  $('#idTxtArGenHtml').parent().replaceWith( '<span>'+$('#idTxtArGenHtml').parent().html()+'</span>');
}

诀窍是使用span标记包裹textarea来帮助替换replaceWith函数.我不确定它是否非常干净,但它的工作也很完美,在textarea中添加原始html代码.

Answer 10

textarea不会将值存储为

<textarea value="someString">

而是以以下格式存储值：

<textarea>someString</textarea>

因此attr("value","someString")，您可以得到以下结果：

<textarea value="someString">someOLDString</textarea>.

尝试$("#textareaid").val()还是$("#textareaid").innerHTML代替。

Answer 11

文本区域没有价值.jQuery .html()适用于这种情况

$("textarea#ExampleMessage").html(result.exampleMessage);

Answer 12

我认为缺少一个重要的方面：

$('#some-text-area').val('test');

仅当有 ID 选择器 (#) 时才有效

对于类选择器，可以选择使用本机值，例如：

$('.some-text-area')[0].value = 'test';