[JQ] Using jQuery to insert multiple data entries into a modal box, jqjquery
Bytes ------------------------------------------------------------------------------------------------------
// Bootstrap modal box (partial) <div class = "modal fade" id = "orderDetail"> <div class = "modal-dialog"> <div class = "modal-content"> <div class = "modal -header "> </div> <div class =" modal-body "> <table class =" table "> <tr> <td> name </td> <td> original price </td> </tr> </table> </div> <div class = "modal-footer"> </div>>
------------------------------ @ Blackeye poet <www. chenwei. ws> ------------------------------------
/**
* View data details
* @ Blackeye poet <www. chenwei. ws>
*/
Function orderDetail (order_no) {// 1. first clear the modal box data $ ('# orderDetail '). find ('tr '). first (). nextAll (). remove ();
// 2. Insert var order_no = order_no externally; $. post (base_url + '? D = admin & c = orders & m = ajax_order_detail ', {order_no: order_no}, function (data ){
// Data format: [{no: 123, old: abc}, {no: 234, old: def}, {no: 345, old: ghi}] var obj = eval ('+ data +'); $. each (obj, function (I, n) {var tr = $ ('# orderDetail '). find ('tr '). last (); tr. after ("<tr> <td>" + n ['organize _ name'] + ": "+ n ['cate _ name'] +" -- "+ n ['course _ name'] +" </td> <td> "+ n ['old _ price '] + "</td> <td>" + n ['sale _ price'] + "</td> </tr> ");});});}
How does jquery Add rows and insert read data into the database?
Then you can assign the style of the row to be added to a variable and add it to the specified place using the append method!
I want to have a DIV layer that contains pre-configured text. After clicking it, it is automatically inserted into the text box. How can I use JQUERY to do this? I want all the code
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("# Div id"). click (function (){
Var val = require (this).html (); // obtain the text in the div
$ ("# Textarea"). val (); // put the text in the div into textarea
});
});
</Script>
// Textarea for displaying div text
<Textarea id = "textarea"> </textarea>
See if you want