2012-04-12 2 views
8

Как я могу изменить значение текстовой области через jQuery. Вот пример:Изменение значения текстовой области с помощью jQuery

var content = "Hello World"; 
//Code to set the value of the 
text area to content here. 

Как бы это сделать через jQuery или только javascript? Ответ приветствуется, спасибо. Я попытался это:

var txtArea = document.getElementById('aTextArea'); 
txtArea.value = rolls; 

Однако это было только выстрел в темноте.

+0

где вы код для textarea? что вы пробовали? – hjpotter92

+0

Если «aTextArea» является идентификатором элемента textarea, и на вашей странице нет других элементов с таким идентификатором, как атрибуты «name» или «id», ваш код гарантированно работает. Ничего не нарушается свойство 'value' текстовых полей в любом крупном браузере. –

ответ

12

Если предположить, что текстовое поле, как

<textarea id="textarea" rows="4" cols="50"> 
    sample textarea 
</textarea>​​​​​​ 

JQuery код для обновления значения текстовой будет

​$(document).ready(function(){ 
    var content = "Hello World"; 
    $("#textarea").val(content); 
});​ 

jsfiddle: http://jsfiddle.net/bhatlx/PuWH4/1/

+0

@kaveman: Хорошо, спасибо за ссылку. textarea не является общим элементом ввода, который я использую, поэтому не мог запомнить атрибуты и должен был туда – DG3

+0

Спасибо, что сработало отлично, и почему ссылка w3fools, kaveman? –

+0

Я использовал пример тега textarea из w3schools. поэтому он опубликовал его. – DG3

3

JQuery

С JQuery вы можете использовать .val("Your new value") на текстовых областях, даже если HTML-элемент не имеет атрибута value.

$(function(){ 
    $("#id-of-textarea").val("test"); 
});​ 

Пример: http://jsfiddle.net/sfxTt/

Plain JavaScript

С равнинных JS, это может быть сделано, как это:

document.getElementById('id-of-textarea').value = "Hello"; 

Пример: http://jsfiddle.net/sfxTt/1/

1
jQuery("textarea[name='message_text_reply']").val('Holla') 

Это работает очень хорошо для меня, где имя входного атрибута message_text_reply, опция $("#message_text_reply") не работает.

Смежные вопросы