0

名前、年齢、住所などの 3 つの入力ボックスがあり、下部に「適用」という名前のボタンがあります。「適用」ボタンをクリックすると、ファンシーボックスがポップアップし、さらに 3 つの入力ボックスのセットがあります。会社、部署、上司..そして、下部に「キャンセル」と「送信」ボタンがあります...

私の質問は、「適用」ボタンをクリックしたときに、名前、年齢、住所、会社、部署、監督者をファンシーボックスに含めるにはどうすればよいですか? 名前、年齢、住所が別の地域のもので、「送信」ボタンをクリックすると、名前、年齢、住所、会社、部署、上司のデータが必要になるため

これが最初のフォームのコードです

<input type="text" name="name" value="" id="name/>
<input type="text" name="age value="" id="age"/>
<input type="text" name="address" value="" id="address" />
<a href="#anotherform" id="firstform" class="form-btn">Apply</a>

ファンシーボックスの2番目のフォームのコードは次のとおりです

    <form action ="#" method="post">
    company: <input type="text" name="company" id="company" /><br/>
    department: <input type="text" name="department" id="department" /><br/>
    supervisor: <input type="text" name="supervisor" id="supervisor" /><br/>
    <input type="button" name="cancelapply" id="submitapply" value="cancel" />&nbsp;&nbsp;&nbsp;
<input type="button" name="submitapply" id="submitapply" value="Submit" />
    </form>

これは私のファンシーボックスコードです

    jQuery("a#firstform").fancybox({
        'titlePosition' : 'inside',
        'transitionIn' : 'none',
        'transitionOut' : 'none',
        'hideOnOverlayClick' : false,
        'hideOnContentClick' : false,
        'showCloseButton' : true,

                    //HOW TO PASS THE name,age,address to the fancybox when i click the
                    //'apply' button.
                    //and then when i submit the fancy box, i can get the
                    // 6 values ?

    });
4

2 に答える 2

0

ファンシーボックス コードを最初のフォーム内に配置し、2 番目のフォームのタグを削除すると、非表示の場合でもデータを 1 つのフォームとして送信する必要があります。したがって、form タグは 1 つだけにする必要があります。

于 2013-02-19T06:27:36.300 に答える
0

すでに会社、部署、監督者が表示されていますよね？あなたの質問を理解すれば、これでうまくいくかもしれません：

ファンシーボックスの変更点

<form action ="#" method="post">
  company: <input type="text" name="company" id="company" /><br/>
  department: <input type="text" name="department" id="department" /><br/>
  supervisor: <input type="text" name="supervisor" id="supervisor" /><br/>

  name: <input type="text" id="name-verify/>
  age: <input type="text" id="age-verify"/>
  address: <input type="text" id="address-verify" />

  <input type="button" name="cancelapply" id="submitapply" value="cancel"/>
  <input type="button" name="submitapply" id="submitapply" value="Submit" />
</form>

およびいくつかの jQuery の変更:

$('#firstform').click(function() {
  $('#name-verify').val($('#name').val());
  $('#age-verify').val($('#age').val());
  $('#address-verify').val($('#address').val());
});
于 2013-02-19T07:44:16.933 に答える