affichage de l'élément sélectionné à partir de la liste déroulante onchange fonction de son étiquette html via javascript , s'il vous plaît aider comment il

<form  method="post">
  <select name="users" id="users" onchange="showUser(this.value)" value="">
    <option value="">Select a person:</option>
    <option value="1" onchange="copy();">tcs</option>
    <option value="2" onchange="copy();">wipro</option>
    <option value="3" onchange="copy();">Hcl</option>
    <option value="4" onchange="copy();">krystal kones</option>
  </select>
</form>

J'ai cette liste déroulante, je veux que lorsque la valeur est modifiée comme tcs,wipro ou de hcl alors que la valeur affichée dans l'étiquette html

OriginalL'auteur gagan | 2011-06-11

  1. 13

    Essayer de mettre la onChange attribut dans la select tag.

    Exemple: http://jsfiddle.net/r6Fus/

    HTML:

    <div id="label"></div>
<select id="mySelect" onchange="copy();">
    <option value="">Select a person:</option>
    <option value="tcs" >tcs</option>
    <option value="wipro" >wipro</option>
    <option value="Hcl" >Hcl</option>
    <option value="krystal kones" >krystal kones</option>
</select>

    Javascript:

    function copy() {
    document.getElementById("label").innerHTML = document.getElementById("mySelect").value
}

    Sinon, vous pouvez utiliser jQuery.

    OriginalL'auteur Flash

  2. 4

    Tout d'abord, la onchange événement est pour le select élément, de ne pas le option éléments. Ceux-ci ne sont pas réellement de changement. Aussi, vous avez deux fonctions JavaScript. showUser() et copy(). Mais vous décrire un seul morceau de fonctionnalité. Ce que font ces deux fonctions?

    Comme pour montrer le texte de l'étiquette, voici une façon de le faire (à l'aide de jQuery, parce que tout le monde n'):

    $(document).ready(function() {
  $('#users').change(function() {
    $('#myLabel').text($(this).val());
  });
});

    Ce que c'est essentiellement faire est:

    1. Attendre jusqu'à ce que le DOM est chargé et prêt.
    2. Lier une fonction à la change cas de la spécifié select élément.
    3. La fonction contient une ligne qui définit le texte de l'étiquette spécifiée à la valeur de la select.

    OriginalL'auteur David