조건부 드롭 다운에서 연락처 양식 7의 jQuery 사용하기

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>