Таблица HTML с кнопкой в ​​каждой строке

У меня есть таблица с несколькими строками и одним столбцом. В каждой ячейке таблицы есть кнопка. Примерно так:

<table id="table1" border="1">
    <thead>
      <tr>
          <th>Select</th>
      </tr>
    </thead>
    <tbody>
       <tr> 
           <td>
               <form name="f2" action="javascript:select();" >
                <input id="edit" type="submit" name="edit" value="Edit" />
               </form>
           </td>
      </tr>
   </tbody>
</table>

Что я хочу сделать: когда одна из кнопок нажата, я хотел бы изменить ее значение с «Изменить» на «Изменить». Выберите

У меня есть таблица с несколькими строками и одним столбцом. В каждой ячейке таблицы есть кнопка. Примерно так:

<table id="table1" border="1">
    <thead>
      <tr>
          <th>Select</th>
      </tr>
    </thead>
    <tbody>
       <tr> 
           <td>
               <form name="f2" action="javascript:select();" >
                <input id="edit" type="submit" name="edit" value="Edit" />
               </form>
           </td>
      </tr>
   </tbody>
</table>

Что я хочу сделать: когда одна из кнопок нажата, я хотел бы изменить ее значение с «Изменить» на «Изменить». Выберите

У меня есть таблица с несколькими строками и одним столбцом. В каждой ячейке таблицы есть кнопка. Примерно так:

<table id="table1" border="1">
    <thead>
      <tr>
          <th>Select</th>
      </tr>
    </thead>
    <tbody>
       <tr> 
           <td>
               <form name="f2" action="javascript:select();" >
                <input id="edit" type="submit" name="edit" value="Edit" />
               </form>
           </td>
      </tr>
   </tbody>
</table>

Что я хочу сделать: когда одна из кнопок нажата, я хотел бы изменить ее значение с «Изменить» на «Изменить». Есть идеи?