-2

動的テキストボックスを追加/削除して、追加された結果を投稿するスケルトンを入手してください。

私はそれをこのように見せたいです：

[空のテキストボックス][追加ボタン]

Value1をテキストボックスに入れて[追加]をクリックすると、次のように表示されます。

[空のテキストボックス][追加ボタン]
[値1][削除ボタン]

すべてが追加されたら、それを投稿して、追加されたテキストボックスを削除できるようにします。

私は例を探していましたが、このように機能する例を見つけることができませんでした。

<form method="post" id="multi" action="process.php">

   <label for="cname">Company Name: <span class="required">*</span></label>
   <input type="text" size="30px" id="cname" name="cname" value="<?php echo ($sr && !$cf['form_ok']) ? $cf['posted_form_data']['cname'] : '' ?>" placeholder="The Rainbow Kingdom" required autofocus />

   <label for="name">Contact Name: <span class="required">*</span></label>
   <input type="text" size="30px"id="name" name="name" value="<?php echo ($sr && !$cf['form_ok']) ? $cf['posted_form_data']['name'] : '' ?>" placeholder="John Doe" required autofocus />

   <label for="email">Email Address: <span class="required">*</span></label>
   <input type="email" size="50px" id="email" name="email" value="<?php echo ($sr && !$cf['form_ok']) ? $cf['posted_form_data']['email'] : '' ?>" placeholder="johndoe@example.com" required />

   <label for="telephone">Telephone: </label>                   
   <input size="9px" placeholder="1112223333" autofocus maxlength="9" type="tel" id="telephone" name="telephone" value="<?php echo ($sr && !$cf['form_ok']) ? $cf['posted_form_data']['telephone'] : '' ?>" />         
   <div>
      <label>Tag</label><input class="tag" type="text" name="" type="text" />
      <div id="content" ></div>
   </div>

   <label for="message">Message: <span class="required">*</span></label>
   <textarea id="message" name="message" placeholder="Your message must be greater than 20 characters" required data-minlength="20"><?php echo ($sr && !$cf['form_ok']) ? $cf['posted_form_data']['message'] : '' ?></textarea>

   <p id="req-field-desc">
      <span class="required">*</span> indicates a required field
   </p>
   <span id="loading"></span>

   <input type="submit" value="Submit!" id="submit-button" />
</form>
4

2 に答える 2

1

あなたはこれを見ることができます。かなり醜いですが、それでも読みやすいです。あなたにアイデアを与えるのに十分です。
値は通常のテキストとして表示され、配列のような名前で非表示のフィールドに格納されます。
フォームを送信すると、非表示フィールドのデータが収集されます。

于 2012-10-06T20:10:44.660 に答える
0

ここに移動します：http： //charlie.griefer.com/blog/jquery-dynamically-adding-form-elements/

于 2012-10-06T19:54:22.343 に答える