通过 JavaScript 输入表单中的动态文本

Question

I have a html input form which uses a table with 3 columns for proper alignment of HTML controls. The input data is used to generate a MySQL query. In column 1 there is text which helps the user understand what the controls in column 2 mean. In column 2 there are dropdownlists or text input. In column 3 there is the submit button and a help button (not relevant).

<div class="input_frm">
  <form method="post" action="<?php print data_clean($_SERVER["PHP_SELF"]);?>">
    <table class="input_tbl">
       <tr>
          <td class="a">Select province</td>
          <td class="b"><select id="selProvincie" name="Alfa" onchange="ProvincieChg()"></select></td>
          <td class="c"><input class="button_face" type="submit" value="Submit"></td>
          </tr>
       <tr>
          <td class="a">Select region</td>
          <td class="b"><select id="selRegiune" name="Beta" onchange="RegiuneChg()"></select></td>
          <td class="c"></td>
          </tr>
...
       </table>
    </form>
  </div>

My question is: How can I change the text in column 1 (in lower rows) through JavaScript based on user input (in upper rows) ? Can I reference the cells of the table in the JavaScript DOM ? Or... ?

Answer 1

Here is the solution to my question: span tags and Javascript You enclose the text in span tags

<td><span class="aa">This text can be changed in Javascript</span></td>

and then you can change it in JavaScript.