Append text to textarea with javascript

Question

How can I append a list of text into a textarea    lt textarea id  alltext  gt  lt  textarea gt    lt ol gt       lt li onclick  addText Hello    gt Hello lt  li gt       lt li onclick  addText World    gt World lt  li gt       lt li onclick  addText Earthlings    gt Earthlings lt  li gt   lt  ol gt    lt script gt      var Alltext           function addText text            Alltext    text       document getElementById  alltext   value   Alltext   lt  script gt    This is quite inefficient as the list is actually very long  The text added is exactly the value I see on the HTML so there s no need to type it twice right   Is there any better methods

User · Answer

Tray to add text with html value to textarea but it wil not works

value :

$(document).on('click', '.edit_targets_btn', function() {
            $('#add_edit_targets').modal('show');
            $('#add_edit_targets_form')[0].reset();
            $('#targets_modal_title').text('Doel bijwerken');
            $('#action').val('targets_update');
            $('#targets_submit_btn').val('Opslaan');

            $('#callcenter_targets_id').val($(this).attr("callcenter_targets_id"));
            $('#targets_title').val($(this).attr("title"));
            $("#targets_content").append($(this).attr("content"));

            tinymce.init({
                selector: '#targets_content',
                setup: function (editor) {
                    editor.on('change', function () {
                        tinymce.triggerSave();
                    });
                },
                browser_spellcheck : true,
                plugins: ['advlist autolink lists image charmap print preview anchor', 'searchreplace visualblocks code fullscreen', 'insertdatetime media table paste code help wordcount', 'autoresize'],
                toolbar: 'undo redo | formatselect | ' + ' bold italic backcolor | alignleft aligncenter ' + ' alignright alignjustify | bullist numlist outdent indent |' + ' removeformat | image | help',
                relative_urls : false,
                remove_script_host : false,
                image_list: [<?php $stmt = $db->query('SELECT * FROM images WHERE users_id = ' . $get_user_users_id); foreach ($stmt as $row) { ?>{title: '<?=$row['name']?>', value: '<?=$imgurl?>/image_uploads/<?=$row['src']?>'},<?php } ?>],
                min_height: 250,
                branding: false
            });
        });

User · Answer

Use event delegation by assigning the onclick to the  lt ol gt   Then pass the event object as the argument  and using that  grab the text from the clicked element    x000D   x000D  function addText event    x000D      var targ   event target    event srcElement  x000D      document getElementById  alltext   value    targ textContent    targ innerText  x000D    x000D   lt textarea id  alltext  gt  lt  textarea gt  x000D   x000D   lt ol onclick  addText event   gt  x000D     lt li gt Hello lt  li gt  x000D     lt li gt World lt  li gt  x000D     lt li gt Earthlings lt  li gt  x000D   lt  ol gt  x000D   x000D   x000D    Note that this method of passing the event object works in older IE as well as W3 compliant systems

User · Answer

Give this a try    lt  DOCTYPE html gt   lt html gt   lt head gt       lt title gt List Test lt  title gt       lt style gt          li hover               cursor  hand  cursor  pointer                 lt  style gt       lt script src  http   ajax googleapis com ajax libs jquery 1 8 3 jquery min js  gt  lt  script gt       lt script gt            document  ready function                   li   click function                        alltext   append   this  text                                      lt  script gt   lt  head gt   lt body gt        lt h2 gt List items lt  h2 gt       lt ol gt           lt li gt Hello lt  li gt           lt li gt World lt  li gt           lt li gt Earthlings lt  li gt       lt  ol gt       lt form gt           lt textarea id  alltext  gt  lt  textarea gt       lt  form gt    lt  body gt   lt  html gt

[javascript] Append text to textarea with javascript

Examples related to javascript