<html>
<head>
    <title>test</title>
    <style type="text/css">
    span{
        margin: 2px;
        width: 80px;
        display: inline-block;
    }
    </style>
</head>
<body>
    <form id="form">
        <select id="select" onChange="this.form.submit">
            <option value="0">--</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
        <input id="row" type="hidden" name="row" value="4">

    </form>

<form name="proses" id="proses">
    <div id="main">
        <div id="heading">
            <span>&nbsp;</span>
        </div>
    </div>
</form>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $("#select").change(function(){
        var a = $("#select").val();
        var r = $("#row").val();
        var line = 1;

        for(i2 = 0;i2<r;i2++){
            $("div#main").append("<div id='row'><span>Error"+line+"</span></div>");
            line++;


        for(i = 0;i<a;i++){
            $("div#heading").append("<span>KW2</span><span>KW3</span>");
            $("div#row").append("<span><input type='text' size='6' value='kw2"+ i+r +"' /></span><span><input type='text' size='6' value='kw3"+ i+r +"' /></span>");
            r++;
        }
    }
        $("#proses").append("<button type='submit'>Prosess</button>");
    });

});

</script>
</body>
</html>