Bootstrap Snippet Item form using HTML Bootstrap Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
    <div class="row">
        <div class="col-sm-12 col-md-10 col-md-offset-1">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-center">Brand Name</th>
                        <th class="text-center">Item name</th>
                        <th class="text-center">Item Quantity</th>
                        <th class="text-center">Price</th>
                        <th class="text-center">Total</th>
                        <th>·</th>
                    </tr>
                </thead>
                <tbody id="tbody">
                    <tr>
                        <td class="col-sm-1 col-md-1" style="text-align: left">
                        <select>
                        
                            <option>adsad</option>
                        </select>
                        </td>
                        <td class="col-sm-1 col-md-1" style="text-align: left">
<select>
                        
                            <option>adsad</option>
                        </select>
                        </td>                        </td>
                        <td class="col-sm-1 col-md-1" style="text-align: left">
                        <input type="email" class="form-control" id="exampleInputEmail1" value="">
                        </td>
                        <td class="col-sm-1 col-md-1 text-center"><strong>$14.61</strong></td>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
jQuery(function () {
    var scntDiv = jQuery('#tbody');
    var j =  1;
    jQuery('#add').click(function () {
        jQuery(
                ).appendTo(scntDiv);
        j++;
        return false;
    });
    jQuery('#remove').live('click', function () {
        if (j > 1) {
            jQuery(this).parents('tr').remove();
            j--;
        } else {
            sweetAlert("Oops...", "Cannot delete", "error");
        }
        return false;
    });
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Item form"
Bootstrap 2.3.2 Snippet by radnsr

Related: See More

Questions / Comments:

"Item form" Bootstrap 2.3.2 Snippet by radnsr

Related: See More

Questions / Comments:

"Item form"
Bootstrap 2.3.2 Snippet by radnsr