Поле со списком Ajax + jQuery

Попробуйте использовать поля со списком слева.

Мой общий вопрос: я ненавижу кнопки отправки, я ненавижу внешний вид по умолчанию, как я могу использовать Ajax для обработки данных второго поля со списком? Например: первое поле со списком содержит список городов. Когда я выбираю город, он должен автоматически изменить данные выпадающего списка 2 (содержит список с категориями домов).

Когда я выбираю Echt в первом поле, он НЕ ДОЛЖЕН позволять box2 показывать мне некоторые данные, которых нет в моей базе данных.

Помогите этому безмозглому нубу, пожалуйста.

Данные у меня есть:

    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.selectbox-0.1.2.js"></script>
    <script type="text/javascript">
    $(function () {
    $("#woonplaats").selectbox();
    $("#pandtype").selectbox();
    $("#vraagprijs_vanaf").selectbox();
    $("#vraagprijs_tot").selectbox();

    jQuery(function(){
        jQuery('ul.sf-menu').superfish();
    });

    $("#woonplaats").selectbox({

    onChange: function (val, inst) {
        $.ajax({
            type: "GET",
            data: {country_id: val},
            url: "ajax.php",
            success: function (data) {
                $("#boxCity").html(data);
                $("#city_id").selectbox();
            }
        });
    },
    effect: "slide"
});

    });
</script>