我试图用jquery在textarea字段中设置一个值,代码如下:
$("textarea#ExampleMessage").attr("value", result.exampleMessage);
问题是,一旦这段代码执行,它不改变文本区域的文本?
然而,当执行警报($("textarea#ExampleMessage").attr("value")),新设置的值返回?
我试图用jquery在textarea字段中设置一个值,代码如下:
$("textarea#ExampleMessage").attr("value", result.exampleMessage);
问题是,一旦这段代码执行,它不改变文本区域的文本?
然而,当执行警报($("textarea#ExampleMessage").attr("value")),新设置的值返回?
Textarea没有value属性,它的值在标签之间,即:< Textarea >my text</ Textarea >,它不像输入字段(<input value="my text" />)。这就是为什么attr不工作:)
它为我工作.... 我建了一个脸书墙……
下面是我的代码的基础:
// SETS MY TEXT AREA TO EMPTY (NO VALUE)
$('textarea#message_wall').val('');
我尝试了.val() .text() .html(),并有一些bug使用jQuery读取或设置文本区域的值…我最终使用原生js
$('#message').blur(function() {
if (this.value == '') { this.value = msg_greeting; }
});
使用$("textarea#ExampleMessage").html('任何你想放在这里');可能是一种好方法,因为.val()在使用数据库中的数据时可能会出现问题。
例如:
数据库字段description的值为asjkdfklasdjf sjklñadf。在这种情况下,使用.val()为textarea赋值可能是一项乏味的工作。
$("textarea#ExampleMessage").val()在jquery中只是一个魔法。
你应该注意到textarea标签使用内部html显示,而不是在值属性就像输入标签。
<textarea>blah blah</textarea>
<input type="text" value="blah blah"/>
你应该使用
$("textarea#ExampleMessage").html(result.exampleMessage)
or
$("textarea#ExampleMessage").text(result.exampleMessage)
这取决于您是想将其显示为HTML标记还是纯文本。
有问题:我需要从一个给定的div的包含生成html代码。然后,我必须把这个原始的html代码在一个文本区域。当我像这样使用函数$(textarea).val()时:
$(textarea).val("some html like < input type='text' value='' style="background: url('http://www.w.com/bg.gif') repeat-x center;" /> bla bla");
or
$('#idTxtArGenHtml').val( $('idDivMain').html() );
当他们在“”之间时,我对一些特殊的字符(& ' ")有问题。但是当我使用这个函数时: $(textarea).html()文本是可以的。
这里有一个表单示例:
<FORM id="idFormContact" name="nFormContact" action="send.php" method="post" >
<FIELDSET id="idFieldContact" class="CMainFieldset">
<LEGEND>Test your newsletter» </LEGEND>
<p>Send to à : <input id='idInpMailList' type='text' value='youremail@gmail.com' /></p>
<FIELDSET class="CChildFieldset">
<LEGEND>Subject</LEGEND>
<LABEL for="idNomClient" class="CInfoLabel">Enter the subject: * </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();"/>
<INPUT id="idBtnSend" type="button" value="Send" onclick="onSend();"/><BR/><BR/>
<LEGEND>Message</LEGEND>
<LABEL for="idTxtArGenHtml" class="CInfoLabel">Html code : * </LABEL><BR/>
<span><TEXTAREA name="nTxtArGenHtml" id="idTxtArGenHtml" width='100%' cols="69" rows="300" alt="enter your message" ></TEXTAREA></span>
</FIELDSET>
</FIELDSET>
</FORM>
和javascript/jquery代码,不工作填充文本区域是:
function onGenHtml(){
$('#idTxtArGenHtml').html( $("#idDivMain").html() );
}
最后解决方案:
function onGenHtml(){
$('#idTxtArGenHtml').html( $("#idDivMain").html() );
$('#idTxtArGenHtml').parent().replaceWith( '<span>'+$('#idTxtArGenHtml').parent().html()+'</span>');
}
诀窍是用span标签包装文本区域,以帮助replaceWith函数。 我不确定它是否非常干净,但它的工作完美太添加原始的html代码在文本区。
只需使用这段代码,你将永远有值:
Var t = $(this); Var v = t.val() || t.html() || t.text();
所以它会检查val()并设置它的值。如果val()得到一个空字符串,NULL, NaN o.s.,它将检查html(),然后检查text()…
我也有同样的问题,所以我决定在当前的浏览器中尝试它(在这个问题之后,我们在时间上晚了一年半),并且这个(.val)是有效的
$("textarea#ExampleMessage").val(result.exampleMessage);
for
IE8 FF 3.6 FF4 Opera 11 Chrome 10
Textarea不存储值为
<textarea value="someString">
相反,它以以下格式存储值:
<textarea>someString</textarea>
attr("value","someString")会得到这样的结果:
<textarea value="someString">someOLDString</textarea>.
试试$(“textareaid”)。innerHTML instead。
如此:
var t = $('#taCommentSalesAdministration');
t.val('Hi');
记住,这里棘手的部分是确保您使用了正确的ID。 在使用ID之前,请确保在它前面加上#。
接受的答案对我来说是可行的,但这是在我意识到必须在页面加载完成后执行代码之后。在这种情况下,内联脚本不起作用,我猜是因为#my_form还没有加载完成。
$(document).ready(function() {
$("#my_form textarea").val('');
});
我们可以使用.val()或.text()方法来设置值。我们需要像val("hello")一样在val()中放入值。
$(document).ready(function () {
$("#submitbtn").click(function () {
var inputVal = $("#inputText").val();
$("#txtMessage").val(inputVal);
});
});
查看示例:http://www.codegateway.com/2012/03/set-value-to-textarea-jquery.html
当我在页面中使用JQuery v1.4.4时,这两种方法都不起作用。当将JQuery v1.7.1注入到我的页面时,它终于工作了。所以在我的例子中,是我的JQuery版本导致了这个问题。
id ==> textareaid
======================
var script1 = document.createElement("script");
script1.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";
document.body.appendChild(script1);
var script2 = document.createElement("script");
script2.type = "text/javascript";
script2.innerHTML = "var $jq171 = $.noConflict();";
document.body.appendChild(script2);
$jq171('#textareaid').val('xxx');
文本区域没有值。jQuery .html()在这种情况下工作
$("textarea#ExampleMessage").html(result.exampleMessage);
要设置编码HTML的textarea值(显示为HTML),您应该使用. HTML (the_var),但如前所述,如果您尝试并再次设置它可能(很可能)将无法工作。
你可以通过清空文本区域的.empty(),然后再次设置。html(the_var)来修复这个问题。
这是一个工作的JSFiddle: https://jsfiddle.net/w7b1thgw/2/
jQuery(function($){ $('.load_html').click(function(){ var my_var = $(this).data('my_html'); $('#dynamic_html').html( my_var ); }); $('#clear_html').click(function(){ $('#dynamic_html').empty(); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <textarea id="dynamic_html"></textarea> <a id="google_html" class="load_html" href="#" data-my_html="<a href="google.com">google.com</a>">Google HTML</a> <a id="yahoo_html" class="load_html" href="#" data-my_html="<a href="yahoo.com">yahoo.com</a>">Yahoo HTML</a> <a id="clear_html" href="#">Clear HTML</a>
我认为这里缺少一个重要的方面:
$('#some-text-area').val('test');
只有当有ID选择器(#)时才有效
对于类选择器,有一个选项可以使用本机值,如:
$('.some-text-area')[0].value = 'test';
我已经使用$(textarea).val/html/text(any_str_var)都为我工作。 如果你想确保你的变量作为一个字符串被添加到文本区域,你总是可以这样concat:
$(textarea).val(unknown_var + '')
.val()方法肯定用于textarea -参见:https://api.jquery.com/val/
.html()可以用来获取或设置任何元素的内容-参见:https://api.jquery.com/html/#html2
.text()与.html相同,除了它可以用来设置XML内容:参见- https://api.jquery.com/text/#text-text
您还可以阅读更多关于每个链接如何处理特殊字符的信息。
我尝试使用JQuery设置值/文本/ html,但不成功。 所以我尝试了以下方法。
在这种情况下,我注入新的textarea元素后DOM创建。
var valueToDisplay= 'Your text here even with line breaks';
var textBox = '<textarea class="form-control" >'+ valueToDisplay +'</textarea>';
$(td).html(textBox);
在我的情况下,我有这个输入在iframe,任何上述解决我的问题,但这个:
我是这样解的:
$('#myId')[0].value="MY VALUE";
我的输入字段:
<textarea name="cmyInput" rows="2" cols="20" id="myId" class="nd" ignoreautotab="1"></textarea>
通过jQuery编辑文本区域内的文本使用$(id).html。
<textarea id="descricao2" name="descricao2" class="form" style="width:600px;height: 130px;"></textarea>
$("#descricao2").html("hello");