php - 最初に応じて残りのドロップダウン値を変更するjavascript

Question

私の HTML テーブルは、行を動的に設定します。テーブル データの 1 つは、同じオプションを持つドロップダウンです。私がやりたいことは、最初の値を変更すると、他の行の残りのドロップダウンに、最近選択されたものと同じ値が選択されることです。

2 番目の行で選択した値を変更すると、最初の値に影響を与えることなく、残りのドロップダウンは 2 番目のようになります。いくつかのコードを次に示します。

<table id="CheckDetails" width="60%">
<tr>
<th>Date</th>
<th>Category</th>
<th>Description</th>
<th>Amount</th>
 </tr>
 <tr class="row1">
<td><input name="date1" id="date1" class="" value="22-09-2013" /></td>
<td><select name="category" id="cat0" class="dropdown" >
    <option value="0">[-- Please Choose --]</option>
    <option value="1">References</option>
    <option value="2">Inspirational</option>
    </select>
</td>
<td><input type="text" class="entry" name="desc" id="desc0" value="1"/></td>
<td><input type="text" class="entry" name="amt" value="420.83333333333"/></td>
 </tr>
 <tr class="row1">
<td><input name="date1" id="date1" class="" value="22-09-2013" /></td>
<td><select name="category" id="cat0" class="dropdown" >
    <option value="0">[-- Please Choose --]</option>
    <option value="1">References</option>
    <option value="2">Inspirational</option>
    </select>
</td>
<td><input type="text" class="entry" name="desc" id="desc0" value="1"/></td>
<td><input type="text" class="entry" name="amt" value="420.83333333333"/></td>
 </tr>
 <tr class="row1">
<td><input name="date1" id="date1" class="" value="22-09-2013" /></td>
<td><select name="category" id="cat0" class="dropdown" >
    <option value="0">[-- Please Choose --]</option>
    <option value="1">References</option>
    <option value="2">Inspirational</option>
    </select>
</td>
<td><input type="text" class="entry" name="desc" id="desc0" value="1"/></td>
<td><input type="text" class="entry" name="amt" value="420.83333333333"/></td>
 </tr>

私はこのプロジェクトのためにphpを使用しています。どんな助けでも大歓迎です。ありがとう！