JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<table>
  <tr>
    <td>
      Selection :
    </td>
    <td>
      <select name="select" class="ch" id="country">
        <option value="">Nothing</option>
        <option value="val1">Maroc</option>
        <option value="val2">USA</option>
        <option value="val3">Egypt</option>
      </select>
    </td>
  </tr>
  <tr id="options_insert">

  </tr>
</table>

JavaScript

$(function() {
	  $(".ch").change(function() {
	    // Récupérer les données du formulaire
	    var country = $("select#country").val();
      
	    var op = "<td>Options :</td>" +
	      "<br />" +
	      "<td>" +
	      "<div>" +
	      "<label>" +
	      "<input type='checkbox' class='ch' id='option1' name='options' class='ch' value='1'>Option1</label>" +
	      "</div>" +
	      "<div>" +
	      "<label>" +
	      "<input type='checkbox' id='option2' name='options' class='ch' value='2'>Option2</label>" +
	      "</div>" +
	      "</td>";

	    if (country != "") {
	          $('#options_insert').html(op);
	    }
	    var options = $("input[name=options]:checked").map(function() {
	      return this.value;
	    }).get().join(",");
	    
      alert("Country=" + country + " options=" + options);

	  });

	});