La fonction Javascript de cette.titre, c'.valeur

J'ai un formulaire qui onchange transmet les valeurs d'une fonction javascript.
J'ai réussi à obtenir cette.de la valeur et de l'élève.valeur passée mais cette.le titre ne retourne rien.

Comment puis-je obtenir le titre de l'option?

Grâce

<form>
<select id="student" style="width:100%">
<option value="">--</option>
<option value="">A</option>
</select>

<select id="course" onchange="showarchive(this.value, this.title, student.value)" style="width:100%"/>
<option value="">--</option>
<option value="" title="" class=""></option>
</select>
InformationsquelleAutor Codded | 2012-09-03
  1. 6
    this.options[this.selectedIndex].title

    C'est le titre de l'option sélectionnée.

    Ici est un JSFIDDLE.

    InformationsquelleAutor rsplak
  2. 3

    Pourquoi aller à tout ce mal de taper tous ces arguments? tout ce dont vous avez besoin peut être obtenu à partir de l'objet d'événement, il suffit de changer:

    <select id="course" onchange="showarchive(this.value, this.title, student.value)">

    À:

    <select id="course" onchange="showarchive(event)">

    et de changer votre fonction un peu:

    function showarchive (e)
{
    e = e || window.event;//just for safety
    var select = e.target || e.srcElement;//select.id === course now
    var selected = select.options[select.selectedIndex];//your freshly selected option element here
    var title = selected.title;//etc...
    //as an added bonus:
    if (e.preventDefault)
    {
        e.preventDefault();
        e.stopPropagation();
        return e;
    }
    e.returnValue = false;
    e.cancelBubble = true;//redundant: onchange doesn't bubble in IE
}

    De cette façon, vous avez accès à tout ce dont vous avez besoin et plus encore: vous pouvez annuler l'événement lui-même, et de manipuler leur comportement.

    • Je fais de mon mieux :-)... si le code comme ceci en fait un dur à vendre ces jours-ci. La plupart des gens ne semblent pas se préoccuper de comment JS fonctionne réellement, et comment il peut être utilisé
    InformationsquelleAutor Elias Van Ootegem
  3. 1

    this dans ce onchange méthode correspond à SÉLECTIONNER un objet et de ne pas l'OPTION sélectionnée objet. Vous devriez obtenir de l'OPTION sélectionnée, puis accéder à l'attribut title.

    InformationsquelleAutor Vikdor
  4. 1

    Vous pouvez obtenir en quelque chose comme ceci:

    function getSelectedText(elementId) {
    var elt = document.getElementById(elementId);

    if (elt.selectedIndex == -1)
        return null;

    return elt.options[elt.selectedIndex].text;
}

    et dans onchange:

    showarchive(this.value, getSelectedText('course'), student.value);
    InformationsquelleAutor Asciiom
  5. 1

    Voici un exemple de (autre exemple) http://jsfiddle.net/gbsandeep/Dk3nh/

    vous pouvez effectuer

    mySelect.options[mySelect.selectedIndex].innerText

    pour obtenir la valeur.

    InformationsquelleAutor Sandeep G B