html - comment obtenir des custom attribut de balise d'option dans la liste déroulante?

Si j'ai ce code:

 <select onchange="alert('?');" name="myname" class="myclass"> 
    <option isred="-1" value="hi">click</option>
 </select>

Comment puis-je obtenir la valeur '-1' de l'attribut personnalisé isred ?
Je ne veux pas utiliser la valeur de la propriété.
Et je ne veux pas la cible de l'option de la balise par un nom ou id.

Je veux quelque chose comme onchange="alert(this.getselectedoptionID.getAttribute('isred'));"

Peut aider quelqu'un?

Aussi je ne veux pas utiliser jquery.

InformationsquelleAutor omega | 2012-08-14
  1. 53

    Vous avez besoin de comprendre ce que le selectedIndex est, puis getAttribute à partir de laquelle les options Tableau [].

    <select onchange="alert(this.options[this.selectedIndex].getAttribute('isred'));" name="myname" class="myclass"> 
    <option isred="-1" value="hi">click</option>
    <option isred="-5" value="hi">click</option>
</select>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

    jsFiddle DÉMO

    Comme une note de côté:

    Ne pas utiliser de javascript en ligne dans votre HTML. Vous souhaitez vous séparer de votre logique métier de votre INTERFACE utilisateur. Créer un javascript, des gestionnaires d'événements de la place pour les gérer. (jQuery /Angular /etc)

    • merci....... 🙂
    • Pieszak, Imaginer, j'ai ce code: <input onchange="update(this.value, this.getAttribute('code'))" value="1" id="quantity_1001" code="1001" type="number"> Quoi de mieux que proposez-vous à la place de inline onchange déclaration? Je veux valeurs passées en paramètres! Merci à l'Avance!
    • Définir l'événement de changement dans le javascript
    • Comment puis-je transmettre les valeurs (ce.de la valeur et de cette.getAttribute('code')) comme paramètres?
    • onchange="myFunc(this.value, this.getAttribute('code'))" avec "mafonction" être un function myFunc(val, code) { /* do something */ } dans votre code JS. Idéalement, ne sont même pas utiliser les onchange méthode, et de la configuration de la onchange de la méthode dans le JS lui-même, mais c'est une notion distincte, mais vous pouvez chercher en ligne et de voir comment c'est fait! Espérons que cela aide. Cheers
    InformationsquelleAutor Mark Pieszak - Trilon.io
  2. 17

    en jquery, il vous suffit d'écrire:

    $("#myname").find(':selected').attr('isred');
    • OP dit explicitement qu'il ne veut pas l'utiliser jQuery.
    • - Il encore m'aider, merci 😉
    • Content que vous l'avez écrit, parce qu'il m'a aidé 🙂
    • Exactement ce que je voulais.
    InformationsquelleAutor Bernard
  3. 7

    Utiliser quelque chose comme ceci:

    document.getElementById("x").onchange = function () {
    console.log(this.options[this.selectedIndex].getAttribute("isred"));
};
    InformationsquelleAutor Anthony Mills
  4. 3

    En supposant que nous avons un HTML balisage comme ci-dessous:

    <form id="frm_">
    <select name="Veh">
        <option value='-1' selected='selected'>Select</option>
        <option value='0' ren='x'>xxx</option>
        <option value='1' ren='y'>yyy</option>
    </select>
</form>

    La attr "ren" peut être accédé comme ceci:

    function getRep() {
    var ren = document.forms['frm_'].elements['Veh'].options[document.forms['frm_']
                 .elements['Veh'].selectedIndex].getAttribute('ren');
    console.log("Val of ren " + ren); //x or y
}

    Démo

    • le code fourni par vous eu des erreurs qui doivent être abordées avant de poster pour les autres à utiliser. Votre réponse serait plus utile si vous publiez un important morceau de code avec la réponse plutôt que de l'utilisateur de naviguer à votre jsfiddle lien. A partir de maintenant je l'ai fait au nom de vous.
    InformationsquelleAutor walter
  5. 1

    Vous utilisez: .getAttribute('isred')

    Vous voulez:

    <select onchange="alert(this.options[this.selectedIndex].getAttribute('isred'));" name="myname" class="myclass">
    <option isred="-1" value="hi">click</option>
    <option isred="-1" value="ho">click</option>
</select>
    • entendez-vous comme onchange="alert(.getAttribute('isred'));" ?
    • non, la question semble avoir un peu changé.
    InformationsquelleAutor GitaarLAB
  6. 0

    JS:

    //Pure Javascript solution, and elegant one check if you really want to leverage the power of javascript.

//Listening to a onchange event by ID attached with the select tag.
document.getElementById("name_your_id").onchange = function(event) {

//event.target.selectedOptions[0] have that option. as this is single selection by dropdown. this will always be 0th index :) 
let get_val = event.target.selectedOptions[0].getAttribute("isred");
console.log("Value from the Attribute: ", get_val)
}

    HTML:

     <select id="name_your_id" name="myname" class="myclass">
    <option isred="423423" value="hi">One</option>
    <option isred="-1" value="hi">Two</option>
 </select>

    InformationsquelleAutor Code Cooker
  7. -1

    vous pouvez

    $(".myclass").val(function(){alert($("option",this).attr("isred"));})
    • Ce sont toujours des alertes de la valeur de la première option (par opposition à celui sélectionné) isred attribut, il permet de désélectionner l'option sélectionnée, et la question dit pas pour utiliser jQuery.
    InformationsquelleAutor Saintush Kumar