2009年12月13日日曜日

name属性の動的な追加に関して(Javascript)

textareaタグにname属性を動的に追加してformタグ内に埋め込んでいき、submitで送信したかった。

最初はうまく行っていたのに、スタイルをつけ始めたらなぜか動かなくなった。

調べるとformタグをdivタグで囲んでいたためだった。

出来なかった例
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>SAMPLE</title>
</head>
  <body>
    <div style="background-color: orange;">
      <form action="/xxx" method="get">
        <textarea name="xxx"></textarea>
    </div>
      
      </form>
  </body>
</html>
こうすると出来た
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>SAMPLE</title>
</head>
  <body>
    
    <form action="/xxx" method="get">
      <div style="background-color: orange;">
        <textarea name="xxx"></textarea>
      </div>
      
    </form>
  </body>
</html>

0 件のコメント:

コメントを投稿