0

I am trying to add text in the the <textarea> when an on change event occurs.

It works perfectly fine in the first change event. But when I delete the text inside the text area and preform another change event it does not work add the text anymore?

I am really confused on why its not working. Below is a snippet of what I am trying to accomplish. 

$("#test").on("change", function() {

  $("#textarea_test").text("Hello");

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="test" id="test">
  <option value="Test1">Test 1</option>
  <option value="Test2">Test 2</option>

</select>

<textarea name="textarea_test" id="textarea_test" cols="30" rows="10"></textarea>
Felix Kling
  • 795,719
  • 175
  • 1,089
  • 1,143
json2021
  • 2,146
  • 2
  • 14
  • 28

1 Answers1

5

.text changes the inner content of the textarea, which is used as default value. Once the value was changed by the user, changing the default value won't have any effect.

Use .val to change the value, just like with any other form control element.

Felix Kling
  • 795,719
  • 175
  • 1,089
  • 1,143