我正在开发一个项目,我允许用户通过使用Bootstrap表单动态添加表单字段来创建输入一个/多个工作体验详细信息。但我不确定如何从这些表单中检索值。
$(function()
{
$(document).on('click', '.btn-add', function(e)
{
e.preventDefault();
var controlForm = $('.controls form:first'),
currentEntry = $(this).parents('.entry:first'),
newEntry = $(currentEntry.clone()).appendTo(controlForm);
newEntry.find('input').val('');
controlForm.find('.entry:not(:last) .btn-add')
.removeClass('btn-add').addClass('btn-remove')
.removeClass('btn-success').addClass('btn-danger')
.html('<span class="glyphicon glyphicon-minus"></span>');
}).on('click', '.btn-remove', function(e)
{
$(this).parents('.entry:first').remove();
e.preventDefault();
return false;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="controls">
<li>
<form role="form" autocomplete="off" method="post" action="<?php echo site_url('studentDashboardController/saveUserResumeDetails')?>">
<div class="entry input-group col-xs-5">
<input class="form-control" name="fields0[]" type="text" placeholder="Work Experience Title" />
<input class="form-control" name="fields1[]" type="text" placeholder="Work Description" />
<input class="col-md-6" name="fields21[]" type="text" placeholder="From(Year)" />
<input class="col-md-6" name="fields22[]" type="text" placeholder="From(Month)" />
<input class="col-md-6" name="fields31[]" type="text" placeholder="To(Year)" />
<input class="col-md-6" name="fields32[]" type="text" placeholder="To(Month)" />
<span class="input-group-btn">
<button class="btn btn-success btn-add" type="button">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</form>
</li>
<br>
<div class="form-group">
<label class="col-md-4 control-label" for="submit"></label>
<div class="col-md-4">
<!-- <a href="--><?php //echo base_url("/index.php/studentDashboardController/saveUserResumeDetails"); ?><!--" >-->
<button id="submit" name="submit" type="submit" class="btn btn-primary">Save Changes</button>
<!-- </a>-->
</div>
</div>
</div>
我正在使用
上面的表单基本上是我表单的一部分,在提交时我会调用我的控制器studentDashboardController
的{{1}}方法。从这里开始,我将调用saveUserResumeDetails
的{{1}}方法将用户输入的工作经验detils存储到我的userModel
数据库表列中。
学生输入的工作经验将以下列格式存储在数据库表字段中。
saveUserResumeDetails
数据库studentprofile
表
这方面的任何建议都将受到高度赞赏。
答案 0 :(得分:0)
在您的控制器中,将所有数据发布到您的模型:
$this->load->model('userModel');
$user = new userModel();
//print your post to debug, if necessary:
//print_r($this->input->post());
$user->saveUserResumeDetails($this->input->post());
在你的模型中,你有一个每个字段的数组:
public function saveUserResumeDetails($formData){
foreach ($formData["fields0"] as $value) {
echo "Filds0: $value<br />\n";
}
}