<html>
<head>
<script type="text/javascript">
function id( el ){
        return document.getElementById( el );
}
function copia_apaga( copia, value ){
        return copia=='copia' ? value : '';
}
function copia_motorista( copia )
{
        id('nome_motorista').value = copia_apaga( copia, id('nome_proprietario').value );
        id('carteira_motorista').value = copia_apaga( copia, id('carteira_proprietario').value );
}
function selected( select_value, select )
{
        var options = select.getElementsByTagName('option');
        for( var i=0; i<options.length; i++ )
        {
                if( options[i].value==select_value )
                        return options[i].selected = true;
        }
}
window.onload = function()
{
        id('vinculo').onchange = function()
        {
                if( this.value=='O Próprio' )
                {
                        copia_motorista( 'copia' );
                        selected( id('sexo_proprietario').value, id('sexo_motorista') );
                }
                else
                {
                        copia_motorista( 'apaga' );
                        selected( '', id('sexo_motorista') );
                }
        }
}
</script>
<style type="text/css">
label { display: block; }
</style>
</head>
<body>
        <form action="" method="post">
                                       
                <fieldset>
                        <legend>Proprietário</legend>
                        <label>Nome: <input type="text" name="nome_proprietario" id="nome_proprietario" value="Bruno" /></label>
                        <label>Carteira: <input type="text" name="carteira_proprietario" id="carteira_proprietario" value="14121988" /></label>
                        <label>Sexo: <select name="sexo_proprietario" id="sexo_proprietario">
                                <option value="">--</option>
                                <option value="Feminino">Feminino</option>
                                <option value="Masculino" selected="selected">Masculino</option>
                        </select></label>
                </fieldset>
               
                <label>Vínculo: <select name="vinculo" id="vinculo">
                        <option value="">--</option>
                        <option value="O Próprio">O Próprio</option>
                        <option value="Irmão">Irmão</option>
                        <option value="Desconhecido">Desconhecido</option>
                </select></label>
               
                <fieldset>
                        <legend>Motorista</legend>
                        <label>Nome: <input type="text" name="nome_motorista" id="nome_motorista" value="" /></label>
                        <label>Carteira: <input type="text" name="carteira_motorista" id="carteira_motorista" value="" /></label>
                        <label>Sexo: <select name="sexo_motorista" id="sexo_motorista">
                                <option value="">--</option>
                                <option value="Feminino">Feminino</option>
                                <option value="Masculino">Masculino</option>
                        </select></label>
                </fieldset>
        </form>
</body>
</html>