从输入自动输入到textarea并将文本包装在textarea中？

Question

在此输入字段中输入时：

<fieldset class="usp-title">
  <label for="user-submitted-title"><?php esc_html_e('Search', 'usp'); ?></label>
  <input id="user-submitted-title" 
         name="user-submitted-title" 
         type="text" 
         value="" 
         placeholder="<?php esc_attr_e('Search', 'usp'); ?>"<?php if (usp_check_required('usp_title')) echo $usp_required; ?> class="usp-input">
</fieldset>

我希望它自动在此字段中键入内容，但此处的文本应以标记括起来：

<fieldset class="usp-content">
  <?php if ($usp_options['usp_richtext_editor'] == true) { ?>

  <div class="usp_text-editor">
    <?php $usp_rte_settings = array(
      'wpautop' => true,  // enable rich text editor
      'media_buttons' => true,  // enable add media button
      'textarea_name' => 'user-submitted-content', // name
      'textarea_rows' => '10',  // number of textarea rows
      'tabindex' => '',    // tabindex
      'editor_css' => '',    // extra CSS
      'editor_class' => 'usp-rich-textarea', // class
      'teeny' => false, // output minimal editor config
      'dfw' => false, // replace fullscreen with DFW
      'tinymce' => true,  // enable TinyMCE
      'quicktags' => true,  // enable quicktags
      'drag_drop_upload' => true,  // enable drag-drop
    );
    $usp_rte_settings = apply_filters('usp_editor_settings', $usp_rte_settings);
    $usp_editor_content = apply_filters('usp_editor_content', '');
    wp_editor($usp_editor_content, 'uspcontent', $usp_rte_settings); ?>
  </div>
  <?php } else { ?>

    <label for="user-submitted-content"><?php esc_html_e('Post Content', 'usp'); ?></label>
    <textarea id="user-submitted-content" name="user-submitted-content" rows="5" placeholder="<?php esc_attr_e('Post Content', 'usp'); ?>"<?php if (usp_check_required('usp_content')) echo $usp_required; ?> class="usp-textarea"></textarea>
        <?php } ?>

</fieldset>

第二个字段应使用[bbcode]copied from input[bbcode]的[bbcode]copied from input[bbcode]包围的文本

Answer 1

只需在'from'文本框中添加一个keyup事件，并设置'to'文本框/区域的值

 $('#user-submitted-title').on('keyup',function(e){ $('#user-submitted-content').val('[bbcode]'+ $(this).val() +'[bbcode]'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type='text' id='user-submitted-title'/> <textarea id='user-submitted-content'></textarea> 

Answer 2

// When the user types a letter

$("#user-submitted-title").keyup(function(){
  // Grab the value, append the tags and drop it into the textarea
  $("#user-submitted-content").val("[bbcode]"+$(this).val()+"[bbcode]"); 
});