Usable forms

<style type="text/css">
.options {
    display: none;
}
#opt_1 {
    display: block;
}
</style>

<script type="text/javascript">
var aOptions = null;
function showMore(elm) {
    var num = elm.selectedIndex*1;
    if (!aOptions) createOptsArray();
    for (var i=aOptions.length-1; i>=1; i--) {
        if (i>num+1) aOptions[i].style.display = "none";
        else aOptions[i].style.display = "block";
    }
}
function createOptsArray() {
    aOptions = [];
    for (var elm, i=1; 1==1; i++) {
        elm = document.getElementById("opt_"+i);
        if (!elm) break;
        aOptions[i] = elm;
    }
}
</script>

<select onchange="showMore(this)">
    <option value="1">1 værelse</option>
    <option value="2">2 værelser</option>
    <option value="3">3 værelser</option>
    <option value="4">4 værelser</option>
</select>

<div id="opt_1" class="options">
    <select>
            <option value="1">1</option>
            <option value="2" selected>2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
</div>
<div id="opt_2" class="options">
    <select>
            <option value="1">1</option>
            <option value="2" selected>2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
</div>
<div id="opt_3" class="options">
    <select>
            <option value="1">1</option>
            <option value="2" selected>2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
</div>
<div id="opt_4" class="options">
    <select>
            <option value="1">1</option>
            <option value="2" selected>2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
</div>