Javascript 如何使用引导模式使用jQuery向表单添加字段
我有一个关于引导模式的表单,可以捕获就业历史信息。我希望,当用户单击模式上的save时,用户刚刚输入的数据能够显示在表单上 考虑以下几点:Javascript 如何使用引导模式使用jQuery向表单添加字段,javascript,jquery,html,twitter-bootstrap,modal-dialog,Javascript,Jquery,Html,Twitter Bootstrap,Modal Dialog,我有一个关于引导模式的表单,可以捕获就业历史信息。我希望,当用户单击模式上的save时,用户刚刚输入的数据能够显示在表单上 考虑以下几点: <form name="stuff"> <!-- Button trigger modal --> <button class="btn btn-primary" data-toggle="modal" data-target="#myModal"> add position </button> &l
<form name="stuff">
<!-- Button trigger modal -->
<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">
add position
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="false">
×
</button>
<h3 class="modal-title" id="myModalLabel">add Position</h3>
</div>
<div class="modal-body">
<form name="modal-form" class="form-horizontal">
<!-- form stuff goes here -->
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
Close
</button>
<button type="button" type="submit" class="btn btn-primary">
Save
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- after save button data entered on modal goes here i.e. -->
<input type="text" disabled name="job_title[] value="Software Developer" />
<input type="text" disabled name="from[] value="November 2013" /> – <input type="text" disabled name="to[] value="present" /> <input type="text" disabled name="total experience[] value="2 months" />
<input type="text" disabled name="industries[] value="IT" />
</form>
添加位置
&时代;
添加位置
关
拯救
&恩达什;
看到这个演示了吗
您需要向该按钮添加一个ID,以便jquery进行选择
id="save"
其余的都很简单。请看此演示
您需要向该按钮添加一个ID,以便jquery进行选择
id="save"
其余的都很简单。用户在modal中的一个表单上输入数据,您希望这些数据出现的另一个表单在哪里?@marios modal在该表单中。。。它是:
请参阅html
代码的最后一位。这就是输入的模态数据显示的地方。因此用户在其他地方的表单中输入数据,然后模态显示,这些数据已经插入模态的表单中?否。。用户单击一个按钮使模态显示,然后填写模态上的表单,当用户单击模态上的保存时,模态上输入的数据显示在表单底部的按钮下方,使模态显示。为您制作了一个演示,让lookUser在modal中的表单上输入数据,而您希望这些数据出现的另一个表单在哪里?@marios modal在该表单中。。。它是:
请参阅html
代码的最后一位。这就是输入的模态数据显示的地方。因此用户在其他地方的表单中输入数据,然后模态显示,这些数据已经插入模态的表单中?否。。用户单击一个按钮使模态显示,然后填写模态上的表单,当用户单击模态上的保存时,模态上输入的数据显示在表单底部的按钮下方,使模态显示。为您制作了一个演示,我可以问你另一个与此相关的问题吗?谢谢。问题是:我如何向表单中添加多个“工作历史记录”
,即当用户在模式上添加了他的工作详细信息并单击“保存”在表单上显示数据时,他将能够单击按钮再次显示模式,并且他将能够添加新的“工作历史记录”
。这将显示在表单上已添加的“工作历史记录”
下面。我可以问你另一个与此相关的问题吗?谢谢。问题是:我如何向表单中添加多个“工作历史记录”
,即当用户在模式上添加了他的工作详细信息并单击“保存”在表单上显示数据时,他将能够单击按钮再次显示模式,并且他将能够添加新的“工作历史记录”
。这将显示在表单上已添加的“工作历史记录”下。