how to use splice to remove course from jquery code

how to use splice to remove course from jquery code

in the view model i need  to remove the course from course list using splice by javascript
i need to delete index without any problem so that i use splice
how to do that if possible

  1. @model WebCourse.Models.Cusomemp2
  2. @{
  3.     Layout = null;
  4. }

  6. <!DOCTYPE html>

  8. <html>
  9. <head>
  10.     <meta name="viewport" content="width=device-width" />
  11.     <title>Edit</title>
  12.     <script src="~/scripts/jquery-1.10.2.js"></script>
  13.     <script>
  14.         $(function () {
  15.           
  16.             var index = 0;
  17.             $("#CourseId").change(function () {

  19.                 var id = $(this).val();
  20.                 var txt = $("#CourseId option:selected").text();
  21.                 $("#tb").append("<tr><td><input type = 'hidden' name='empcourses[" + index + "].CourseId' value='" + id + "'/></td><td>" + txt + "</td><td><input type='button' value='remove' class='r'</td></tr>")

  23.                 index++;
  24.             });
  25.             $("#tb").on("click", ".r", function () {
  26.                 $(this).parent().parent().hide();
  27.                 $(this).parent().prev().prev().find("input").val("0");
  28.             });
  29.             $.ajax({
  30.                 url: "/Employee/getcoursesbyempid",
  31.                 data:{x:$("#hid").val()},
  32.                 success: function (res) {
  33.                     $.each(res, function (i, e) {
  34.                         $("#tb").append("<tr><td><input type = 'hidden' name='empcourses[" + index + "].CourseId' value='" + e.Id + "'/></td><td>" + e.CourseName + "</td><td><input type='button' value='remove' class='r'</td></tr>")

  36.                         index++;
  37.                     });
  38.                 }
  39.                 
  40.             })
  41.         });
  42.     </script>
  43. </head>
  44. <body>
  45.     <div>
  46.         @using (Html.BeginForm())
  47.         {
  48.             <div>
  49.                 <input type="hidden" value="@ViewBag.hid" id="hid" />
  50.                 Courses:@Html.DropDownList("CourseId")
  51.                 <br />
  52.                 <table id="tb"></table>
  53.                 <input type="submit" value="save" />

  55.             </div>

  57.         }
  58.     </div>
  59. </body>
  60. </html>
the code above using for remove course from list using jquery as image
i need to replace code above for remove by using splice
because i need actually delete index by javascript