有條件的下拉列表在聯繫表格中使用jQuery 7

Question

我想創建一個條件下拉列表。我有兩個下拉菜單：第一個是當然&第二個是位置。但有些課程不適用於某些地點。所以我想隱藏那個地方的選擇。

<p>[select course-interested "Certified Design Engineer " "Certified CAD Engineer " "Certified CAD Professional " "Certified Basic CAD Modeler " "Workshop in 2D CAD and 3D CAD" "Certified Proficiency Workshop" "Proficiency Workshop In AutoCAD 2D+3D" "Pro-3D Visualization" "Pro-Architect" "Pro-Civil Engineer" "Pro- Interior Designer" "Corporate Training"]</p> 
 
<p>[select* location "Dhankawadi" "Kothrud" "Chinchwad" "Hadapsar" "Baramati" "Nagar Road" "Nagpur"] </p>

所以請使用jQuery提出任何解決方案。

Answer 1

任何人都建議我這種解決方案是正確的還是錯誤的。

<script type="text/javascript"> 
 
    
 
$(document).ready(function(){ 
 
    \t $("#course").val("Certified Design Engineer").change(function() 
 
    \t { 
 
    \t \t $("#location").val("Dhankawadi").show(); 
 
    \t \t $("#location").val("Kothrud").hide(); 
 
    \t \t $("#location").val("Chinchwad").hide(); 
 
    \t \t $("#location").val("Hadapsar").hide(); 
 
    \t \t $("#location").val("Baramati").hide(); 
 
    \t \t $("#location").val("Nagar Road").hide(); 
 
    \t \t $("#location").val("Nagpur").hide(); 
 
\t }); 
 
}); 
 
    
 
</script>

Answer 2

$(document).ready(function(){ 
 
$('#course').change(function(){ 
 
    /*Here your spectific condition*/ 
 
    
 
if($("#course option:selected").val()=="1" ||$("#course option:selected").val()=="3"){ 
 
$('#location #location_1').show() 
 
$('#location #location_3').show() 
 
$('#location #location_2').hide() 
 
} 
 
    else 
 
    { 
 
    $('#location #location_2').show() 
 
     
 
    } 
 
    
 
}) 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="course"><option value="0">Select</option><option value="1">B.com</option><option value="2">B.Sc.</option><option value="3">B.A.</option></select> 
 

 
<select id="location" ><option value="1" id="location_1">Mumbai</option><option value="2" id="location_2">NaviMumbai</option><option value="3" id="location_3" >Dhule</option></select>