jquery - jqueryでテーブルにフィールドを追加する

Question

私はこのコードを持っています:

$('#selectDay').bind('change', function () {
    $('.hours').show();
});

function fncCreateElement() {
    var mySpan = document.getElementById('mySpan');
    var myElement1 = document.createElement('select');
    myElement1.setAttribute('type', "text");
    myElement1.setAttribute('name', "fromTime");
    mySpan.appendChild(myElement1);
}

フィドル

日を選択した後、時間まで選択できます。これは機能します。私が必要とするのはadd date、新しい行をクリックすると、新しい日 (日曜日 - 土曜日) を選択できる場所が表示され、最初の日付と同じようFROMに時間が表示されることです。UNTIL

テーブルは次のようになります。

<table>
    <tr>
        <td>day</td>
        <td>From Hour</td>
        <td>Until Hour</td>
    </tr>
    <tr>
        <td>
            <select id="selectDay">
                <option value=''>Choose Time</option>
                <option value='1'>Sunday</option>
                <option value='2'>Monday</option>
                <option value='3'>Tuesday</option>
                <option value='4'>Wednesday</option>
                <option value='5'>Thursday</option>
                <option value='6'>Friday</option>
                <option value='7'>Saturday</option>
            </select>
        </td>
        <td>
            <div class="hours" style='display: none'>
                <select name="fromTime" class="mediumField">
                    <option value='6'>6</option>
                    <option value='7'>7</option>
                    <option value='8'>8</option>
                    <option value='9'>9</option>
                    <option value='10'>10</option>
                    <option value='11'>11</option>
                    <option value='12'>12</option>
                    <option value='13'>13</option>
                    <option value='14'>14</option>
                    <option value='15'>15</option>
                    <option value='16'>16</option>
                    <option value='17'>17</option>
                    <option value='18'>18</option>
                    <option value='19'>19</option>
                    <option value='20'>20</option>
                    <option value='21'>21</option>
                    <option value='22'>22</option>
                    <option value='23'>23</option>
                </select>
            </div>
        </td>
        <td>
            <div class="hours" style='display: none'>
                <select name="untilTime" class="mediumField">
                    <option value='6'>6</option>
                    <option value='7'>7</option>
                    <option value='8'>8</option>
                    <option value='9'>9</option>
                    <option value='10'>10</option>
                    <option value='11'>11</option>
                    <option value='12'>12</option>
                    <option value='13'>13</option>
                    <option value='14'>14</option>
                    <option value='15'>15</option>
                    <option value='16'>16</option>
                    <option value='17'>17</option>
                    <option value='18'>18</option>
                    <option value='19'>19</option>
                    <option value='20'>20</option>
                    <option value='21'>21</option>
                    <option value='22'>22</option>
                    <option value='23'>23</option>
                </select>
            </div>
        </td>
    </tr>
</table>