<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<body>
<p>A loop with a break.</p>
<p id="demo"></p>
selected row:<span id="do"></span>
<script>
var text = "";
var i;
for (i = 0; i < 10; i++) {
text += "<p onclick='x("+i+")'>The number is " + i +"</p>";
}
document.getElementById("demo").innerHTML = text;
var x;
(x=function selectrow(row){
document.getElementById('do').innerHTML=row;
})('No Record Selected');
</script>
</body>
</html>
