scaling-cyril/tes2.html at master · 3Shoka/scaling-cyril · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<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" method="get">
    <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' name='kw2' /></span><span><input type='text' size='6' name='kw3' /></span>");

        }
        r++;

        $("#proses").append("<button>Prosess</button>");
    });

});

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