使用javascript引用表单元素

我不明白为什么我的javascript不能工作。。。虽然一切看起来都很好

<form id = "lol" method="get" name="lol" action="" style="display:inline; vertical-align:middle">
    <table style="display:inline; vertical-align:middle">
        <tr>
            <td style="width:80%">
                xxx
            </td>
            <td>
                <select name="A">
                    <option value="xxx">xxx</option>
                    <option value="xxx">xxx</option>
                    <option value="xxx">xxx</option>
                </select>
            </td>
            <td>
                <input type="submit" value="Valider"/>
                <input type="hidden" name="B" value=""/>
                <input type="hidden" name="C" value=""/>
            </td>
        </tr>
    </table>
</form>

xxx
xxx
xxx
xxx

还有我的javascript：

<script>
var form=document.getElementById("lol");
form.elements['A'].value="xxx";
</script>

var form=document.getElementById（“lol”）；
form.elements['A'].value=“xxx”；

---

已找到表单，但未找到元素A…

您需要确保JavaScript代码在创建相关DOM元素后运行。如果你这样做了，你的代码就可以工作了

您可以通过以下两种方式确保：

将代码放在文档中的元素之后（如下所示），或

使用

load

或

ready

类型的事件

xxx
xxx
xxx
xxx
var form=document.getElementById（“lol”）；
form.elements['A'].value=“xxx”；

<form id = "lol" method="get" name="lol" action="" style="display:inline; vertical-align:middle">
  <table style="display:inline; vertical-align:middle">
      <tr>
          <td style="width:80%">
              xxx
          </td>
          <td>
              <select name="A">
                  <option value="xxx">xxx</option>
                  <option value="xxx">xxx</option>
                  <option value="xxx">xxx</option>
              </select>
          </td>
          <td>
              <input type="submit" value="Valider"/>
              <input type="hidden" name="B" value=""/>
              <input type="hidden" name="C" value=""/>
          </td>
      </tr>
  </table>
</form>
<script>
  var form=document.getElementById("lol");
  form.elements['A'].value="xxx";
</script>