Comment puis-je obtenir de l'attribut class de la valeur à l'aide de jquery et javascript

Je vais essayer d'obtenir la classe de l'option sélectionnée et de l'utiliser dans une comparaison instruction pour trouver exactement quelle classe il est. J'ai continué à obtenir une valeur non définie, même si l'option balise dispose d'une classe. Quelqu'un peut-il m'aider à comprendre pourquoi je ne suis pas d'obtenir une valeur de retour?

Voici le code que j'utilise:

Html:

<select name="datagrid_filter" onchange="startFilter();">
    <option>All</option>
    <option disabled="true">Assignment:</option>
    <option disabled="true">Client:</option>
    <option disabled="true">Type:</option>
    <option class="type" value="Activity"> &nbsp Activity</option>
    <option class="type" value="Alert"> &nbsp Alert</option>
    <option class="type" value="Lead"> &nbsp Lead</option>
    <option class="type" value="Notification"> &nbsp Notification</option>
</select>

Javascript:

var cs1 = $("option:selected", this).attr("class");
if(cs1 == 'Type'){
    //do something
}
changement de "Type" pour "type" en js
j'ai fait le changement, mais le problème est que cs1 est pas défini
Qu'est-ce que this?

OriginalL'auteur user2671355 | 2013-09-21

  1. 13

    Vous devriez changer:

    onchange="startFilter();" à onchange="startFilter(this);"

    et dans startFilter fonction:

    function startFilter(ele){
    var cs1 = $("option:selected", ele).attr("class");
    if(cs1 == 'type'){
        //do something
    }
}

    Noter que, dans le contexte de startFilter fonction, this est window objet.

    Très travaillé, comme dans la déclaration ci-dessus, je faisais référence d'objet incorrect avec mon ce. Nécessaire pour que le droit de l'objet a été référencée. merci

    OriginalL'auteur Tho

  2. 0

    Essayez de ne pas avoir le JavaScript en ligne

    Violon Démo

    JavaScript 

       $(function()
    {
        var handleChange    =   function()
                                {
                                    var $this     = $(this);
                                    var $selected = $this.children(":selected");
                                    var isType    = $selected.hasClass('type');
                                    if(isType)
                                    {
                                        alert('Do Something');                        
                                    }
                                };
        var $datagridFilter =  $('[name=datagrid_filter]')

        $datagridFilter.change(handleChange);

    });

    OriginalL'auteur Tomas Santos

  3. 0

    Pourquoi n'utilisez-vous pas hasClass jQuery API? Il est très bon dans ce cas:

    if($("option:selected", this).hasClass('type')){
    //do something
}

    Et assurez-vous que this renvoie à un objet approprié (comme @undefined mentionné)

    Ou alors:

    if($("option:selected", "select[name=datagrid_filter]").hasClass('type')){
        //do something
    }

    Ou:

    if($("select[name=datagrid_filter] option:selected").hasClass('type')){
            //do something
 }

    OriginalL'auteur Hi I'm Frogatto

  4. 0
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select onchange="getval(this);" class="sele">
   <option>All</option>
    <option disabled="true">Assignment:</option>
    <option disabled="true">Client:</option>
    <option disabled="true">Type:</option>
    <option class="type" value="Activity"> &nbsp Activity</option>
    <option class="type" value="Alert"> &nbsp Alert</option>
    <option class="type" value="Lead"> &nbsp Lead</option>
    <option class="type" value="Notification"> &nbsp Notification</option>
</select>
<script>
 function getval(sel)
{

    if($('.sele :selected').attr('class'))
    {
      console.log($('.sele :selected').attr("class","typ123"));
          //Your code write here
    }

}
</script>

    OriginalL'auteur nirali