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());
});