Tomar Valor

Buenas tardes tengo la siguiente duda:

Tengo un boton que al presionarlo me abre una ventana emergente de la siguiente forma:

<input type="button" id="btnDetalle" value="Detalle" onclick="openVentanaServicios();codigoServicio();tecnico();servicio();"/>

en dicha ventana cargo tres <select> usando js y servlets el primero lo cargo asi:

function codigoServicio(){
    $.post('CodigoServicio',{},
    
            function(responseText){
                 
                document.getElementById('codser').innerHTML=responseText;
              
            });
            
            
}

esto me funciona de manera perfecta, cuando cargo el segundo le quiero pasar el valor que tiene seleccionado el primer select por defecto , pero me marca nulo el valor por tal no me muestra bien el segundo select al menos de que le deje un valor fijo y esta es la funcion del sel segundo select

function servicio(){
    
    var servicios=$('#codser').val(); // si le pongo el numero fijo por ejemplo 4000 me funciona pero asi no me deja tomar el valor dice que es null
    
    $.post('Servicios?cod='+servicios,{},
    
            function(responseText){
                 
                document.getElementById('servicios').innerHTML=responseText;
     
            });
}

como podria hacer esto por favor? cuando cierro la ventana y la abro por segunda vez ya me toma el valor