Astuces
|
||||
| Écrire la valeur d'un Dropdown Asp.net dans un textbox avec Javascript |
| Astuces - Javascript |
|
Dernièrement, lors de la programmation d'un portail client, je voulais récupérer la valeur d'un dropdown d'un formulaire pour aller l'insérer dans un champ texte, et ce, sans être obligé de faire un Postback de la page. Je me suis alors penché sur notre ami JavaScript afin de récupérer la valeur de mon dropdown et d'aller insérer celle-ci dans mon champ texte. Alors, voici comment faire ce petit tour :
Javascript<script type="text/javascript">
function RecupValeur() { var tb = document.getElementById('TextBox1'); var ddl = document.getElementById('DropDownList1'); //document.getElementById('ID') > Permet de récupéré le control de la page à l'aide de son ID tb.value = ddl.options[ddl.selectedIndex].value; // Vous pouvez substituer tb.value par .text si vous désirez le texte à la place de la valeur. } </script> ASP.NET<asp:DropDownList ID="DropDownList1" runat="server" onchange="RecupValeur();">
<asp:ListItem>A</asp:ListItem> <asp:ListItem>B</asp:ListItem> <asp:ListItem>C</asp:ListItem> </asp:DropDownList> <asp:TextBox ID="TextBox1" runat="server" /> Voilà rien de plus simple! Lorque vous changerez la valeur du dropdown, celui-ci appellera la méthode RecupValeur() afin de l'insérer dans le champ texte. Il est important de bien nommer les ID de vos éléments afin de vous faciliter la vie.
Ajouter aux favoris
Bookmarker
Envoyer par mail
Vu: 1202 Rétrolien(0)Adresse URI pour un rétrolien sur cet articleCommentaires (0)
Ecrivez un commentaire |
