Mostrar div si la opción está seleccionada en jQuery

Estoy tratando de mostrar un div si una de las 2 opciones está seleccionada en mi página. Aquí está el menú de selección:

 Pilot Hours Client Hours  

Aquí está mi primer div para la primera opción:

 

From:

#date_worked_menu.date_worked#

To:

#date_worked_menu.date_worked#

Aquí está el div para mi segunda opción:

 

From:

#client_menu.name#

Y aquí está mi función jQuery que tengo hasta ahora:

  $(function() { $("#graph_select").change(function() { if($("#pilot_form").is(":selected")) { $("#pilot_graph_form").css({"display":"block"}); } else { $("#pilot_graph_form").css({"display":"none"}); } if($("#client_form").is(":selected")) { $("#client_graph_form").css({"display":"block"}); } else { $("#client_graph_form").css({"display":"none"}); } }); });  

Antes que nada, debe cambiar “id” en su “opción” por “valor”.

Entonces puedes usar esto:

 $(function () { $("#graph_select").change(function() { var val = $(this).val(); if(val === "pilot_graph_form") { $("#pilot_graph_form").show(); $("#client_graph_form").hide(): } else if(val === "client_form") { $("#client_graph_form").show(); $("#pilot_graph_form").hide(); } }); }); 
 $(function() { $("#graph_select").change(function() { if ($("#pilot_form").is(":selected")) { $("#pilot_graph_form").show(); $("#client_graph_form").hide(); } else { $("#pilot_graph_form").hide(); $("#client_graph_form").show(); } }).trigger('change'); }); 

MANIFESTACIÓN

Al cambiar el cuadro de selección, puede fundir los elementos que desee:

 $('#graph_select').change(function(){ var divID = $(this).children('option:selected').attr('id'); if(divID == 'pilot_form'){ $('#client_graph_form').fadeOut(1000,function(){ $('#pilot_graph_form').fadeIn(500); }); }else{ $('#pilot_graph_form').fadeOut(1000,function(){ $('#client_graph_form').fadeIn(500); }); } }); 

Actualizado
de otra manera: será mejor si usa el mismo nombre con el nombre de identificación de div en las opciones:

  

agregar la misma clase a cada

 

jQuery:

 $('#graph_select').change(function(){ var divID = $(this).children('option:selected').attr('class'); $('.forms').fadeOut(1000,function(){ $('#'+divID).fadeIn(500); }); }); 

El código está bien, puede haber un problema al cargar jquery, te sugiero que uses

  $(window).load(function(){ //Code });