• Utama
  • Artikel
  • Forum
  • Kandungan
    Utama | artikel | skrip | Tambah field baru dengan menggunakan javascript

    Tambah field baru dengan menggunakan javascript

    [ Admin ] [ 06-10-2011 ]
    Skrip ini aku jumpa sewaktu aku sedang sibuk menaiktaraf sistem e-procurement aku... owner request, bila klik 1 button, keluar satu spesifikasi... add that button again, field spesifikasi baru akan keluar lagi... harap kod ini dapat membantu korang jugak ye...


    Ini adalah kod yang aku maksudkan. :


    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
    <?php   
    <html>
    <
    head>
    <
    title></title>
    script language="javascript">
    fields 0;
    function 
    addInput() {
    if (
    fields != 10) {
    document.getElementById('text').innerHTML += 
    "<input type='file' value='' name='field[]' />";
    fields += 1;
    } else {
    document.getElementById('text').innerHTML += "Only 10 upload fields allowed.";
    document.form.add.disabled=true;
    }
    }
    </script >
    </head>
    <body>
    <form name="form" action="form.php" method="post">
    <input type="button" onclick="addInput()" name="add" value="Add input field" />

    <div id="text">

    </div>


    <input type="submit" value="Submit" />
    </form>
    </body>
    </html>
     ?>


    p/s : jangan lupa... lepas korang copy kod ni, delete dulu kod <? php di awal baris dan ? > dihujung baris. Selamat mencuba...
     
    << Kembali
     
    Senarai Web BNG
    Komuniti Bloggers Pemain BiNaGara
    Belajar PHP dan bina laman web ikut cara Kuang