8
jQuery tarafından eklenebilecek diğer yazarlardan ayrı olarak eklenen yazarları tutmak istiyorum. Bir yazar eklediğimde, Yazar'a kitabını bağlayabilmek istiyorum. Örneğin, yazara ekle düğmesine bastıktan sonra başka bir yazar için bir form alıyorum ama kodumda tüm yazarlar bir dizide ve tüm kitaplar bir diğeri. Yazarlardan ve kitaplarından ayrılmamak.Kitap kataloğumda bir kitap dizisini ilgili yazara nasıl atayabilirim?
<div class="container">
<form class="form-horizontal" role="form" action="next.php" method="post">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="input_fields_wrap">
<button class="add_author">Add Author</button>
<div id="commonPart" class="commonPart">
<br>
<div><input type="text" name="myAuthorText[]" placeholder="Auth name"></div>
<button class="add_book">Add Author Books</button>
<div><input type="text" class="bookname" name="myBooksText[]" placeholder="Book name"></div>
</div>
</div>
<input name="Send" class="submit" value="Send" type="submit">
</form>
</div>
<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jqBootstrapValidation.js"></script>
<SCRIPT language="javascript">
$(document).ready(function() {
var max_fields = 10; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var commonPart = $("#commonPart");
var add_author = $(".add_author"); //Add button ID
var add_subButton = $(".add_book"); //Add sub button ID
var x = 1; //initlal text box count
$(add_author).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
var htmlToAdd = commonPart.clone().attr("id","commonPart_"+x);
htmlToAdd.find(".addedDiv").remove();
$(wrapper).append(htmlToAdd); //add input box
x++; //text box increment
}
});
$(document).on("click",".add_book",function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(this).closest(".commonPart").append('<div class="addedDiv"><input type="text" class="bookname" name="myBooksText[]" placeholder="Book name"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
//http://www.sanwebe.com/2013/03/addremove-input-fields-dynamically-with-jquery
</SCRIPT>
JSFiddle Bağlantılar::
Bu defa olması kodudurauthor1: {book1, book2, book3}
author2: {book4, book5}
author3: {book6, book7, book8, book9}
:
ben gibi yazılan bir şey aracılığıyla göndermek istediğiniz