ドロップダウン・ボックスの選択を行うと、2つのドロップダウン・ボックスが必要になります.1つのドロップダウン・ボックスのオプションと内容は、1つ目のドロップダウン・ボックスの選択に応じて動的に変化する必要があります.
例えば私は大きな分類を持っています.
有酸素運動無酸素運動
有酸素運動を選ぶとき、選択肢はランニング、水泳です.
無酸素運動を選択する場合、選択肢は「スクワット」、「横押し」です.
この章では、ダイナミック連動selectドロップダウン・ボックスの実装方法について説明します.
SpringMVCベースフレームワークにBootStrapのバックグラウンドフレームワークを適用し,これに基づいて動的連動selectの実装を記録した.応用bootstrapテンプレート基礎プロジェクトソースコードダウンロードアドレス:SpringMVC+Shiro+MongoDB+BootStrap基礎フレームワーク基礎プロジェクトでトップページindexへのアクセスが完了しました.今すぐindexです.jspページで修正し,動的連動selectの実現を実現する.
インテリジェント補完クエリーとファジイクエリーを追加する場合は、selectドロップダウンボックスをselect 2に初期化します.
詳細については、以下を参照してください.
インテリジェント補完ファジイクエリselect 2のドロップダウン選択ボックスの使用
index.jspコードは以下の通りです.

        

            



                

                    

                        

                            Select        
                        
                    
                
                

     

                    

                        :
                    

                        
                             -    -
                                 
                                 
                        
                    
                
                

                        :
                    

                        
                            -      -
                        
                    
                
             
           
  
                
            
            
        
        

    

        
        


 



    $(document).ready(function () {
    	//             
    	   $("#projectType").on('change',
    	            function () {
    	                var projectType = $(this).val();
    	                $('#projectId').val('').trigger('change');
    	                
    	                if (projectType == '') {
    	                	$("#projectId").empty().append('<option value="" >-      -</option>');
    	                    return;
    	                }

    	                var projectsMap = {};
    	                if (projectType == 'aerobic') {
    	                    var projectsMap = {
    	                       '1':'  ','2':'  ',
    	                    };
    	                } else if (projectType == 'anaerobic') {
    	                    var projectsMap = {
    	                    		 '3':'  ','4':'  ',
    	                    };
    	                }
    	                
    	                
    	                var option = "";
    	                for (var i in projectsMap) {
    	                        option += '<option value="' + i + '"  >' + projectsMap[i] + '</option>';
    	                }

    	                $("#projectId").empty().append('<option value="" >-      -</option>' + option);


    	            });

    });