Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用引导模式使用jQuery向表单添加字段_Javascript_Jquery_Html_Twitter Bootstrap_Modal Dialog - Fatal编程技术网

Javascript 如何使用引导模式使用jQuery向表单添加字段

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

我有一个关于引导模式的表单,可以捕获就业历史信息。我希望,当用户单击模式上的save时,用户刚刚输入的数据能够显示在表单上

考虑以下几点:

<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">
                &times;
            </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" />  &ndash; <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
代码的最后一位。这就是输入的模态数据显示的地方。因此用户在其他地方的表单中输入数据,然后模态显示,这些数据已经插入模态的表单中?否。。用户单击一个按钮使模态显示,然后填写模态上的表单,当用户单击模态上的保存时,模态上输入的数据显示在表单底部的按钮下方,使模态显示。为您制作了一个演示,我可以问你另一个与此相关的问题吗?谢谢。问题是:我如何向表单中添加多个
“工作历史记录”
,即当用户在模式上添加了他的工作详细信息并单击“保存”在表单上显示数据时,他将能够单击按钮再次显示模式,并且他将能够添加新的
“工作历史记录”
。这将显示在表单上已添加的
“工作历史记录”
下面。我可以问你另一个与此相关的问题吗?谢谢。问题是:我如何向表单中添加多个
“工作历史记录”
,即当用户在模式上添加了他的工作详细信息并单击“保存”在表单上显示数据时,他将能够单击按钮再次显示模式,并且他将能够添加新的
“工作历史记录”
。这将显示在表单上已添加的
“工作历史记录”下。