JSFiddle - React, Tailwind, and code Playground

by Oscar 11

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<button type="button">Click Me</button>

<div id="tes">
    
</div>


<!-- Modal Currency-->
<div class="modal fade" id="priceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                

            </div>
            <div class="modal-body">
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

CSS

.clsDatePicker {
        z-index: 100000;
    }

JavaScript

$(document).ready(function(){
        $("button").click(function(){

            $.ajax({
                //type: 'POST',
                //url: 'script.php',
                success: function(data) {
                    var isitable = '';
                    isitable += '<br><button class="btn btn-primary tes" id="NationCd=ID&CityCd=JKT">Book 1</button><br><br>';
                    isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=BAI">Book 2</button><br><br>';
                    isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=JOG">Book 3</button><br>';
					
					// console.log(isitable);
					$("#tes").html(isitable);
										
                }
            });
        });

        $(".test").click(function(){
            console.log('tes');
            var id = this.id;
            console.log(id);
        });

    });