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>

这是花式盒子的第二种形式的代码

    <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

你已经有公司,部门,主管在展示,对吗?如果我理解你的问题,这可能会奏效:

花式盒子的变化

<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 回答
0

将fancybox代码放在第一个表单中,删除第二个表单上的标签,即使它们被隐藏,它也应该将您的数据作为一个表单提交。所以你应该只有一个表单标签。

于 2013-02-19T06:27:36.300 回答