JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fresh-league.com/assets/js/bootstrap.min.js"></script>
<table class="table table-bordered">
	<tbody><tr>
		<td>#ID</td>
		<td>Nomp</td>
		<td>Rang</td>
	</tr>

		
	<tr>		
		
		<td>15</td>
		<td>Kovenz</td>
		<td><select name="user_role" id="select_role">
<option value="1" selected="selected">Chef</option>
<option value="2">Organisateur de match</option>
<option value="3">Capitaine</option>
<option value="4">Joueur</option>
</select></td>

			
	</tr><tr>		
		
		<td>16</td>
		<td>' or 1=1 --</td>
		<td><select name="user_role" id="select_role">
<option value="1">Chef</option>
<option value="2" selected="selected">Organisateur de match</option>
<option value="3">Capitaine</option>
<option value="4">Joueur</option>
</select></td>
			</tr>
</tbody></table>

JavaScript

$(document).ready(function() {

	
	$("select").change(function(){
  		if($(this).children(':selected').text() == "Chef")
  			{
        alert($(this).children(':selected').text());
  			}
		});
});