0

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>

そして私のJavaScript：

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

フォームは見つかりましたが、要素 A が見つかりません...

4

1 に答える 1

0

問題の DOM 要素が作成された後、 JavaScript コードが実行されていることを確認する必要があります。その場合、コードは機能します。

次のいずれかで確認できます

  1. ドキュメント内の要素の後にコードを配置する (以下に示すように)、または

  2. loadまたはreadyスタイルのイベントを使用する。

実際の例

<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>
于 2012-07-13T14:51:35.760 に答える