フォームの項目を途中で増やせる機能探しています。

締切済

質問者：fairytale282
質問日時：2011/09/29 10:28
回答数：4件

タレントグッズの買取査定フォームを制作しています。

webデザイナーですが、プログラミングNGのダメダメデザイナーなので、フリーのメールフォームを活用して制作していますが、次のような機能をつけたく、いろいろ調べていますが、行き詰ってしまっているので、ご存じの方がいらっしゃいましたらアドバイスいただけませんでしょうか。。

査定商品を入力する項目をユーザーの状況（査定してほしい商品の数）に合わせて増やせるようにしたいです。

「さらに入力する」ボタンをクリックするとページは動かず、新しい入力項目がひょきっと現れる（足される？）といった機能です。

ダメダメデザイナーですが、フリーのメールフォームなどを多少カスタマイズ、設置するくらいはできます。

よろしくお願いします！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

最新から表示
回答順に表示

No.4

回答者： JaneDue
回答日時：2011/10/03 10:51

基本的に Ano1 に同じ意見ですが、貴方の態度はすばらしい!!

きちんとDOMでやるならAno2、ちょっと辛いなら、はしょって以下の感じです。

■査定商品
<ol id='products'>
<li><input type="text" name="査定商品1">
</ol>

<script type="text/javascript">
function add_form(){
//カウンタ　値なしなら1
add_form.c = add_form.c || 1;

//liを生成、送信するnameに番号を振って、olに追加
var newNode = document.createElement("li");
newNode.innerHTML = "<input type='text' name='査定商品" + ++add_form.c + "' >";
document.getElementById('products').appendChild(newNode);
}
</script>
<input id="add_button" type='button' value='さらに入力する' onClick='add_form()'>

両立大変でしょうが、ご健闘祈ります。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
水木金しか仕事をしておらずお礼が遅れて申し訳ありません。。
またご配慮ありがとうごいざいます。

ふた昔（みつ昔）前は、デザイナーはデザインとコーディングだけできれば良かったように思いますが、FlashにActionScriptが搭載されたあたりから、デザイナーもスクリプトくらいはかけなければいけないご時世になったように思います。
フルで働いていたころは近くにいつもプログラマーさんがいたのでなんとかなりましたが・・・そのつけが今まわってきているようです。

私の脳みそには「理数系」の要素は実装されていないと思われますが、興味はあるのでがんばります（ｗ

「無事、うまくいきました！」とまだコメントできず残念ですが、ちょこちょことがんばってなんとかクリアしたいと思いっています。
ありがとうございましたm(_ _)m

通報する

お礼日時：2011/10/05 11:20

No.3

回答者： ralf124c
回答日時：2011/09/30 11:18

思い出したのでサイトに行ってみたらシステム入れ替えで止まってた ... orz

- 0
- 件

通報する

No.2

回答者： ralf124c
回答日時：2011/09/30 10:43

これをデザイナーさんに作らせるのはちょっと酷だと思いますが・・・。

さがせばなんか簡単なJSがあるかもしれませんが最近自分で作ったサンプルを載せます。
ここに書き込むためインデント用空白は全角スペースを使っていますので気をつけてください.
----------------------------------------------------------------------------ここから
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>TEST</title>
</head>
<script type="text/javascript">

</script>

<body>
　<form action="./送信先スクリプトなど.cgi" method="POST" name="myform">
　　入力欄：<br />
　　<input type="text" name="FNM0" size="30" onfocus="fAddItem()"><br />
　</form>
　<input type="button" value="送信" name="B1" onclick="document.myform.submit()">
　<br />
</body>
</html>
----------------------------------------------------------------------------ここまで
こむずかしいですが、がんばって分析してみてください。
デザイナーさんで動的ページをデザインする際に、それを想定理解していない方が多くて、静的ページと同じ感覚でデザインされるので、システムは予算に見合わない作業が後になって発生することがよくあります。
なんかの一助になればと思います。
タレントさんのグッズといえば、むかしショコラさんのサイトのグッズ販売パートを作ったなぁ。
まだ使ってくれているみたいなので、なんかうれしいです。
ご時世なのか、作ってもほとんどのWeb関連のシステムは短期で捨てられることが多くて・・・。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます！
具体的なコードまでアドバイス頂きありがとうございます。
水木金しか出勤しておらず、お礼が遅くなり申し訳ありません。
今、がんばって分析しています（＾＾
5年以上前に購入したJavaScriptのリファレンス本が見つからず・・・
最新のものを早めに購入してなんとか、この件だけでも克服できればと目論んでいます。

ショコラ（さん）懐かしいです。。
かわいいサイトですね！
グッズを販売していたとわ!
高額にもかかわらず全て売り切れていました・・・

通報する

お礼日時：2011/10/05 11:03