<分区>
我有添加选项卡功能的导航,同时添加一个选项卡,内容 div 会填充一个选择框。现在从选择框的选项中更改将调用相应的表单并附加到页面。
索引.php
<ul id="myTab" role="tablist">
<li role="presentation"><a href="#q1" role="tab" >Form 1</a></li>
<li><a href="#" class="add-contact" >Add Forms</a></li>
</ul>
在 nav 上方添加标签并在 index.php 中创建下方 div
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="q1">
<form id="id1" class="form-horizontal" method="post">
<select id="" class="form-control" name="">
<option value="form1">Form 1</option>
<option value="form2">Form 2</option>
</select><form>
</div>
div tab-content 中的内容是动态创建的
$( document ).ready(function() {
$('select').bind('change', function(){
$.ajax({
url: "htmlforms.php",
context: document.body,
success: function(html){
$("#contentForm").append(html);
}});
});});
现在我需要的是更改我需要使用 ajax 调用添加表单并附加到 div 选项卡内容中的选项。