Untitled

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script type"text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script type"text/javascript">
            $(document).ready(function(){
                //Atribui o evento change a select[name=cidade]
                $("select[name=cidade]").change(function(){
                    //resgatar o cidade selecionada
                    var param = "cidade="+$(this).val();

                    //Envia via ajax pra o arquivo representantes.php o código da cidade
                    $.ajax({
                                type: 'POST',
                                dataType: 'html',
                                url: 'representantes.php',
                                data: param,
                                success: function(data) {
                                    //Aqui imprime na div#representantes o valor
                                    //retornado do arquivo representantes;
                                    $("#representantes").html(data);
                                }
                            });

                    });
            });


        </script>

    </head>
    <body>
    <!--FORMULÁRIO LISTANDO AS CIDADES COM REPRESENTANTES-->
        <form action="" method="post">
                Cidade:
                <select name="cidades">
                    <option value="5">Rio de janeiro</option>
                    <option value="6">Rio de janeiro</option>
                </select>

        </form>
        <!-- Aqui irá imprimir os nomes e links dos representantes-->
        <div id="representantes"></div>

    </body>
</html>