jQuery에서 텍스트 영역의 값 설정

다음 코드와 함께 jquery를 사용하여 텍스트 영역 필드에 값을 설정하려고합니다.

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

문제는 일단이 코드가 실행되면 텍스트 영역의 텍스트가 변경되지 않습니까?

그러나 alert($("textarea#ExampleMessage").attr("value"))새로 설정된 값을 수행 할 때 반환됩니까?

val을 사용해 보셨습니까?

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

텍스트 영역에는 값 속성이 없으며 값은 태그 사이에 있습니다. 즉 <textarea>my text</textarea>, 입력 필드 ( <input value="my text" />) 와 다릅니다 . 이것이 attr이 작동하지 않는 이유입니다. :)

$("textarea#ExampleMessage").val() jquery에서 단지 마술.

당신은주의해야 텍스트 영역 사용하여 태그를 내부 HTML을 표시하고 값 속성에하지를 바로 입력 태그처럼.

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

사용해야합니다

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

또는

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

HTML 태그 또는 일반 텍스트로 표시할지 여부에 따라 다릅니다.

어이 들아! 그것은 단지 작동합니다

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

나는 이것이 작동해야한다고 생각한다.

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

내가 현재 브라우저에서 (우린 하나이 질문에 후 시간 이후 반 년),이 (그것을 시도하기로 결정 그래서 나는 같은 질문을했다 .val) 작품

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

...에 대한

• IE8
• FF 3.6
• FF4
• 오페라 11
• 크롬 10

안드로이드 .val와 .html하지 않았다 작동합니다.

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

일을했다.

나는 똑같은 문제가 있었고이 솔루션은 효과가 없었지만 html을 사용하는 것이 효과가 있었다.

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

문제가 있습니다 : 주어진 div의 포함에서 HTML 코드를 생성해야합니다. 그런 다음이 원시 HTML 코드를 텍스트 영역에 넣어야합니다. $ (textarea) .val () 함수를 다음과 같이 사용할 때 :

$ (textarea) .val ( "<input type = 'text'value = ''style ="background와 같은 일부 html : url ( 'http://www.w.com/bg.gif') repeat-x center; "/> bla bla");

또는

$ ( '# 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&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>

그리고 텍스트 영역을 채우는 데 작동하지 않는 javascript / jquery 코드는 다음과 같습니다.

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

최종적으로 해결책 :

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

트릭은 replaceWith 함수를 돕기 위해 텍스트 영역을 span 태그로 감싸는 것입니다. 그것이 깨끗한 지 확실하지 않지만 텍스트 영역에 원시 HTML 코드를 추가하는 것도 완벽합니다.

textarea는 다음과 같이 값을 저장하지 않습니다

<textarea value="someString">

대신 다음 형식으로 값을 저장합니다.

<textarea>someString</textarea>

따라서이 attr("value","someString")결과를 얻습니다.

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

시도 $("#textareaid").val()하거나 $("#textareaid").innerHTML대신하십시오.

텍스트 영역에는 가치가 없습니다. 이 경우 jQuery .html () 작동

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

그것은 나를 위해 작동합니다 .... 나는 페이스 북 벽을 만들었습니다 ...

내 코드의 기초는 다음과 같습니다.

// SETS MY TEXT AREA TO EMPTY (NO VALUE)
$('textarea#message_wall').val('');

인코딩 된 HTML의 텍스트 영역 값을 설정하려면 (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="&lt;a href=&quot;google.com&quot;&gt;google.com&lt;/a&gt;">Google HTML</a>
<a id="yahoo_html" class="load_html" href="#" data-my_html="&lt;a href=&quot;yahoo.com&quot;&gt;yahoo.com&lt;/a&gt;">Yahoo HTML</a>
<a id="clear_html" href="#">Clear HTML</a>

.val() .text() .html()텍스트 영역의 값을 읽거나 설정하기 위해 jQuery를 사용하여 시도하고 버그가있었습니다 ... 나는 기본 js를 사용하여 끝납니다.

$('#message').blur(function() {    
    if (this.value == '') { this.value = msg_greeting; }
});

.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

텍스트 영역 ID를 다음과 같은 유형으로 사용하십시오.

$("textarea#samplID").val()

중요한 측면이 하나 없다고 생각합니다.

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

ID 선택기 (#)가있는 경우에만 작동

클래스 선택기의 경우 다음과 같은 기본 값을 사용하는 옵션이 있습니다.

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

허용 된 답변은 저에게 효과적이지만 페이지로드가 완료된 후 코드를 실행해야한다는 것을 깨달은 후에야 가능합니다. 이 상황에서 인라인 스크립트가 작동하지 않았습니다. #my_form이 아직로드되지 않았기 때문입니다.

$(document).ready(function() {
  $("#my_form textarea").val('');
});

아래 스 니펫을 사용할 수도 있습니다.

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

페이지에 JQuery v1.4.4가 있었을 때 둘 다 작동하지 않았습니다. JQuery v1.7.1을 내 페이지에 삽입하면 마침내 작동했습니다. 그래서 제 경우에는 JQuery 버전이 문제를 일으켰습니다.

id ==> 텍스트

======================

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');

나는 $(textarea).val/html/text(any_str_var)모두 나를 위해 일했다. 문자열로 변수를 텍스트 영역에 추가하려면 항상 다음과 같이 연결할 수 있습니다.

$(textarea).val(unknown_var + '')

.val () 메소드는 텍스트 영역에서 확실히 사용됩니다-https: //api.jquery.com/val/

.html ()을 사용하여 요소의 내용을 가져 오거나 설정할 수 있습니다. https://api.jquery.com/html/#html2를 참조하십시오.

.text ()는 .html과 동일하며 XML 내용을 설정하는 데 사용할 수 있습니다. https://api.jquery.com/text/#text-text

또한 각 링크를 사용하여 각각의 특수 문자에 대해 각각의 동작을 자세히 볼 수 있습니다.

이 코드를 사용하면 항상 가치가 있습니다.

var t = $(this); var v = t.val() || t.html() || t.text();

따라서 val ()을 확인하고 값을 설정합니다. val ()이 빈 문자열, NULL, NaN을 가져 오면 html ()을 확인한 다음 text ()를 확인합니다.

이것은 작동합니다 :

var t = $('#taCommentSalesAdministration');
t.val('Hi');

여기서 까다로운 부분은 올바른 ID를 사용하는 것입니다. ID를 사용하기 전에 ID를 입력하십시오 #.

데이터베이스의 데이터를 사용할 때 문제가 발생할 $("textarea#ExampleMessage").html('whatever you want to put here');수 있으므로 사용 하는 것이 좋습니다 .val().

예를 들면 다음과 같습니다.

로 명명 된 데이터베이스 필드 description는 다음 값을가집니다 asjkdfklasdjf sjklñadf. 이 경우 텍스트 영역에 값을 할당하기 위해 .val ()을 사용하는 것은 지루한 작업이 될 수 있습니다.

JQuery를 사용하여 value / text / html을 설정하려고했지만 성공하지 못했습니다. 그래서 나는 다음을 시도했다.

이 경우 DOM 생성 후 새로운 textarea 요소를 주입했습니다.

 var valueToDisplay= 'Your text here even with line breaks';
 var textBox = '<textarea class="form-control" >'+ valueToDisplay +'</textarea>';
 $(td).html(textBox);