JQuery вставить выбранное значение в текстовое поле и текстовое поле

Question

Я хочу, чтобы текстовое поле и текстовое поле были импортированы на выбранное значение, например, в моем поле выбора, есть опции subject A и subject B, когда я выбираю subject B, текстовое поле будет автоматически вставлено subject B, и текстовое поле импортирует предварительно настроенное сообщение, которое хранится в базе данных.

В настоящее время у меня есть успешное импортированное сообщение по выбранному параметру, как я могу вставить тему в текстовое поле, когда я нажимаю кнопку?

JQuery:

$(document).ready(function() { 
    $("#copyBtn").click(function(){ 
     $("#selmessage").val($("#selectBox").val()); 
    }); 
}); 

PHP:

<input type="Text" name="seltitle" value="<?=$the_title;?>">&nbsp;&nbsp; 
     <select id="selectBox" name="seltitle2"> 
      <option selected></option> 
      <?php 
      $q = "SELECT * FROM template ORDER BY preset_subj ASC"; 
      $result = $mysqli->query($q) or die($mysqli->error); 

      while($row = $result->fetch_array(MYSQLI_BOTH)){ 
      ?> 
      <option value="<?php echo $row['message'] ?>"><?php echo $row['preset_subj']; } ?></option> 
     </select> 
     &nbsp;&nbsp;<input id="copyBtn" type="button" value="import to message" /> 

<textarea name="selmessage" id="selmessage"></textarea> 

Answer 1

Вот план:

(1) Вы думаете, что нужно, чтобы обнаружить "нажмите кнопку" событие, но, вероятно, намного лучше в событии «изменения» в поле выбора! Вот хорошая статья о том, как обрабатывать событие «изменение» элементов формы (также см. Комментарии - очень полезно): http://jivebay.com/handling-checkboxes-radio-buttons-and-select-options-in-jquery/

(2) Когда вы обнаруживаете изменение, вам необходимо получить выбранное значение (также найти это в приведенной выше ссылке) и установить значение textarea - это легко: $ ("# textarea_1"). val (selectedValue);

Надеюсь, у вас есть идея. Позвольте мне знать, если вам нужно что-нибудь еще.

Answer 2

$(document).ready(function() { 
    $("#copyBtn").click(function(event){ 
     event.preventDefault(); 
     $("#selmessage").val($("#selectBox option:selected").val()); 
    }); 
}); 

или вы можете применить фильтр здесь также

$(document).ready(function(event) { 
    $("#copyBtn").click(function(){ 
     event.preventDefault(); 
     selected = $("#selectBox option:selected").val(); 
     if(selected != ''){ 
      $("#selmessage").val($("#selectBox option:selected").val()); 
     } 
    }); 
});