JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<form name="mahasiswa" action="?page=form/pendaftaran" method="post">
    <table width="100%" border="0" cellspacing="0" cellpadding="3">
        <tr>
            <td width="15%">
                <div class="tabtxt">Pilih Pembayaran</div>
            </td>
            <td width="2%">
                <div class="tabtxt">:</div>
            </td>
            <td width="83%">
                <input id="inbayar" list="bayar" name="bayar" style="width: 203px" />
                <datalist id="bayar">
                    <option value="Visual Basic Islam" />
                    <option value="Baitul Arqam" />
                    <option value="Shortcourse" />
                    <option value="Sertifikasi" />
                    <option value="Seminar SID" />
                    <option value="TOEFL & Bahasa Inggris" />
                </datalist>
            </td>
        </tr>
        <tr>
            <td width="15%">
                <div class="tabtxt">Kode Pembayaran</div>
            </td>
            <td width="2%">
                <div class="tabtxt">:</div>
            </td>
            <td width="83%">
                <input name="id_bayar" style="width: 200px" type="text" class="tfield" id="id_bayar" />
            </td>
        </tr>
        <tr>
            <td width="15%">
                <div class="tabtxt">Id Mahasiswa</div>
            </td>
            <td width="2%">
                <div class="tabtxt">:</div>
            </td>
            <td width="83%">
                <input name="id_mhs" style="width: 200px" type="text" class="tfield" />
            </td>
        </tr>
        <td width="15%">
            <div class="tabtxt">Tanggal Bayar</div>
        </td>
        <td width="2%">
            <div class="tabtxt">:</div>
        </td>
        <td width="83%">
            <input name="tanggal" style="width: 200px" type="text" class="tfield" value="25-5-14" readonly></input>
        </td>
        </tr>
        <td width="15%">
            <div...

JavaScript

$(document).ready(function () {
    $("#inbayar").bind('input', function () {
        $("#id_bayar").val(this.value);
        alert("Working! :)");
    });
});