Maison > interface Web > js tutoriel > Comment obtenir un effet de liaison secondaire sélectionné

Comment obtenir un effet de liaison secondaire sélectionné

一个新手
Libérer: 2017-09-22 09:00:10
original
3354 Les gens l'ont consulté

<li style="margin-right:-5px">一级类目:
                    <select id="mainCategoryId" name="mainCategoryId" class="length_2" onchange="changeCate()">
                        <option value="">---请选择---</option>
                        #foreach($cell in $categories)
                            <option value="$!{cell.id}"  #if($!cell.id ==  $!query.mainCategoryId) selected #end >$!{cell.name}</option>
                        #end
                    </select>
                </li>
                <li style="margin-right:-5px">二级类目:
                    <select class="categoryId" name="categoryId" class="length_2">
                        <option value="">---请选择---</option>
                    </select>
                </li>
Copier après la connexion
function changeCate(){    
 var  mainCategoryId = 
$("#mainCategoryId").find("option:selected").val();   
 if(mainCategoryId == "") {        
 $(".categoryId").empty().append("<option value=&#39;&#39;>---请选择---</option>");        
 return false;
    }    
 $.ajax({       
     url:&#39;/tvtao/video/item/category.htm&#39;,        
     type:"post",        
     dataType:"json",        
     data: {&#39;_tb_token_&#39; : $("input[name=&#39;_tb_token_&#39;]").val(), parantId : mainCategoryId},        
     success: function (data) {            
     console.log(data);            
     $(".categoryId").empty().append("<option value=&#39;&#39;>---请选择---</option>");           
      for(var i = 0, len = data.length; i < len; i++)
            {                
            alert(data[i].id);                
            $(".categoryId").append($("<option value=&#39;" + data[i].id + "&#39;>" + data[i].name + "</option>"));
            }

        }
    });
}
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal