Passer la valeur du menu déroulant à la zone de texte avec javascript ou jquery

Question

Utiliser Jquery ou javascript. Quel est le meilleur moyen d'envoyer la valeur d'une option d'un menu déroulant à la zone de texte ci-dessous? Donc, si l'utilisateur sélectionne l'un des noms dans le menu déroulant, il envoie sa valeur au champ textarea. le menu de sélection est dans son propre iframe (le nom de iframe est boxmain) et la zone de texte est dans son propre iframe (le nom de iframe est le boxform).

<select id="usernames" name="usernames"> 
    <option value=""></option> 
    <option value="name001">JeffCool</option> 
    <option value="name002">IAMsam</option> 
</select> 

<textarea name="name" cols="15" rows="1" class="class"></textarea> 

Answer 1

La façon la plus simple est d'utiliser un gestionnaire d'événements .change() sur votre <select>, la forme la plus simple de ceci:

$("#usernames").change(function() { 
    $("textarea[name=pst]").val($(this).val()); 
}); 

Ce que cela fait est ce que la valeur <select> change, il prend la .val() (la value du <option> juste choisi) et définit cette valeur sur le <textarea> en utilisant la même méthode.