Menu deroulant jquery -- remise a zero

Bonjour

Voici mon pb :¨
j'ai 2 menu déroulants , le premier à chaque option selectionnée en ouvre un second
quand je selectionne une option dans le second menu celle-ci reste affichée ...
si je reviens sur le 1er menu je souhaiterais que le second retrouve son état initial soit la 1ere option..
j'utilise jquery ui mais je n'arrive pas à trouver la solution...

/* *********************----*********************** */
/*------------ gestion selectmenu navigation------------*/
 /* *********************----*********************** */

    $( "#menuSelectable" ).selectmenu({

     change: function( event, data ) {
         $("#dialog").dialog("close");
             
          $( "option" ).each(function( index ) {
              var valeur=$(this).val();
              $( "div[id="+valeur+"]" ).css('display','none');       
            });
        
          $( "div[id$="+data.item.value+"]" ).css('display','block');
         }
         
    });
    
    $('#selectRevendeur option:first').prop('selected', true);
 /* *********************----*********************** */
/*------------ gestion selectmenu revendeurs------------*/
 /* *********************----*********************** */

$( "#selectRevendeur" ).selectmenu({
    
    change: function( event, ui ) {
      if (ui.item.value != "0"){
          
           $("#dialog").dialog('option','title',ui.item.value);
           $("#dialog").load('vendor_fr.html #'+ui.item.value); //-- appel du fichier contenant la liste des revendeurs
                 
           $( "#dialog" ).dialog( "open" );
          $( this).dialog( "option", "classes.ui-dialog", "highlight" );
      
      }
     
      }

});