フォームのデータを取得する?

[新着] Webテンプレートを仮オープンしました



0   名前: JAVASCRIPT? : 2006/11/10(金) 19:42  ID:jOtVd4Vy
<form>
 <p>
  <input type="text" size="50" name="gazou" id="gazou" />
 </p>
 <p>
  <input type="button" value="OK!" onClick="New_Page()">
 </p>
</form>
↓ ↓ ↓
<p>
 <img src="./img/【formで取得したvalue=gazou】.jpg" alt="" width="○○" height="◇◇" />
</p>


textで入力されたvalueを画像ファイル名として取得して、imgタグ内に、挿入したいのですが、どのようにすれば良いのでしょうか?

1   名前: 元帥 : 2006/11/10(金) 19:42  [URL]  ID:2qXE9JGB
要素に適当なid属性があれば、getElementByIdで取得できます。
上の例では
document.getElementById('gazou').value
で入力された値を取得できます。
imgも同様に取得し、入力された値を代入すればよろしいかと思います。

2   名前: JAVASCRIPT? : 2006/11/10(金) 19:42  ID:wGlOV3YW
>元帥さん、ありがとう御座いました。
ホームページ拝見しました、ゲーム関連のサイトでしょうか。楽しそうですね。
早速、教えていただいたコード利用してみます。

一覧へ戻る