datatable
by lakshmipriya001
HTML
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<table id="example">
<thead>
<tr><th>Sites</th></tr>
</thead>
<tbody>
<tr><td> <select class="opt_value" name="opt">
<option value="">STATUS</option>
<option value="aa">aa</option>
<option value="bb">bbb</option>
</select>
</td></tr>
<tr><td><div class="col-md-2 text-center"><select class="opt_value" name="opt">
<option value="">STATUS</option>
<option value="aa">aa</option>
<option value="bb">bbb</option>
</select></div></td></tr>
<tr><td><div class="col-md-2 text-center"><select class="opt_value" name="opt">
<option value="">STATUS</option>
<option value="aa">aa</option>
<option value="bb">bbb</option>
</select></div></td></tr>
<tr><td><div class="col-md-2 text-center"><select class="opt_value" name="opt">
<option value="">STATUS</option>
<option value="aa">aa</option>
<option value="bb">bbb</option>
</select></div></td></tr>
<tr><td><div class="col-md-2 text-center"><select class="opt_value" name="opt">
<option value="">STATUS</option>
<option value="aa">aa</option>
<option value="bb">bbb</option>
</select></div></td></tr>
<tr><td><div class="col-md-2 text-center"><select class="opt_value" name="opt">
<option value="">STATUS</option>
<option value="aa">aa</option>
<option value="bb">bbb</option>
</select></div></td></tr>
<tr> <td><div class="col-md-2 text-center"><select class="opt_value" name="opt">
<option value="">STATUS</option>
<option value="aa">aa</option>
<option value="bb">bbb</option>
</select></div></td></tr>
<tr><td><div...
JavaScript
jQuery(document).on("change",".opt_value", function(){ alert("===11===");
alert( $('option:selected', this).val() );
});