pues el codigo que te pase hace exactamente eso copialo y crea un nuevo archivo html para que lo pruebes, nadamas llena el primer campo, le das click al boton y lo pasara al segundo ya formateado asi como tu dices, ya de ahi en adelante es cuestion de que lo adaptes a lo que realmente necesitas, como podria ser que en lugar de mandarlo a otro campo lo haga en el mismo, simplemente lo almacene en una variable o algo de ese tipo.
pruebalo y suerte, cualquier cosa aqui estamos para ayudar.
quisas el problema que creo tienes es que no sabes como hacerle para que lo haga de manera automatica despues de que la pagina se cargue, si es asi puedes usarlo de esta manera
Código HTML:
<html>
<head>
<title>Titulo</title>
</head>
<body>
<script>
function formatear(){
var num_sf=document.getElementById('tel').value;
var num_cf='';
num_cf=num_sf.substring(0,3)+"-";
num_cf+=num_sf.substring(3,6)+"-";
num_cf+=num_sf.substring(6,9);
document.getElementById('tel').value=num_cf;
}
</script>
<form>
Telefono: <input type='text' id='tel' value='123456789'>
</form>
<b>Nota solo funciona cuando el numero consta de 9 digitos.</b>
<script>
setTimeout("formatear()",100);
</script>
</body>
</html>