0
我有项目列表jQuery - 使用html中的数据填写表单输入
每个包含“title”,“loc”和“添加按钮”。
当我点击“添加键”我想,正确的“里”值将出现在下面的表格(每一个值已经确定:“数据类型=”)
<li>
<div class="timeline-badge">
</div>
<div class="timeline-panel-pointer">
<div class="timeline-heading">
<h4 class="timeline-title dropdown">
<span data-type="title">some text here</span>
</h4>
<p><small class="text-muted"><span data-type="loc">Rome</span></small></p>
</div>
<p class="mt20">
<button type="button" class="btn btn-info secBtn" data-act="new" data-toggle="modal" data-target="#manageSec-model">New Section</button>
</p>
</div>
</li>
<li>
<div class="timeline-badge">
</div>
<div class="timeline-panel-pointer">
<div class="timeline-heading">
<h4 class="timeline-title dropdown">
<span data-type="title">some text here 2</span>
</h4>
<p><small class="text-muted"><span data-type="loc">Milan</span></small></p>
</div>
<p class="mt20">
<button type="button" class="btn btn-info secBtn" data-act="new" data-toggle="modal" data-target="#manageSec-model">New Section</button>
</p>
</div>
</li>
FORM:
<!-- Modal -->
<div class="modal fade" id="manageSec-model" role="dialog">
<div class="modal-dialog modal-md">
<!-- Modal content-->
<form id="manageSec-form" class="modal-content" action="index.php?page=itinPage&itinID=<?PHP echo $_GET['itinID'] ?>" method="post" enctype="multipart/form-data" >
<div class="modal-body">
<div class="form-group">
<label for="exampleInputEmail1">LOCATION</label>
<input type="text" name='sec_details[loc]' value="" class="form-control" />
</div>
<div class="form-group">
<label for="exampleInputEmail1">TITLE</label>
<div class='input-group'>
<input type="text" class="form-control" name='sec_details[title]' value="" >
</div>
</div>
</div>
</form>
</div>
</div>
SCRIPT
$(document).on('click','.secBtn',function(e) {
alert($(this).parents("li").find("data-type=title").val());
});