Reworked Objective OutcomeSelect

app/views/local/managers/pCoords/objectives.blade.php

@@ -294,10 +294,17 @@
     function addOutcomeTest() {
         var $select = $('<select/>', {
             'class': "selectpicker form-control",
-            'name': "outcome[" + counter.toString() + "]",
+            'name': "outcome[' + counter.toString() + ']",
             'data-live-search': 'true'
 
         });
+
+        //holds both the select div and the button div
+        var $containerdiv = $('<div/>', {
+            'id': 'outcomeContainer' + counter.toString(),
+        });
+
+
         var $div = $('<div/>', {
             'id': 'outcomeForm' + counter.toString(),
             'class': 'form-group col-md-11'
@@ -307,32 +314,33 @@
             'id': 'close' + counter.toString()
 
         });
+
         var $button = $('<button/>', {
             'type': 'button',
             'class': 'btn btn-primary',
-            'onclick': 'deleteLast()'
+
+            //send the counter to the function so it can tell which container to remove
+            'onclick': 'deleteLast(' + counter.toString() + ')',
+            
         });
         $button.append('X');
         $divForButton.append($button);
 
-        $div.appendTo('#outcomeGroup')
+        $containerdiv.appendTo('#outcomeGroup')
+        $div.appendTo('#outcomeContainer' + counter.toString())
         $select.append(selectOptions);
 
         $select.appendTo('#outcomeForm' + counter.toString()).selectpicker('refresh');
-        $divForButton.appendTo('#outcomeGroup');
+        $divForButton.appendTo('#outcomeContainer' + counter.toString());
         counter += 1;
         $('#counter').val(counter);
 
     }
-
-    function deleteLast() {
-
-        div = document.getElementById('outcomeForm' + (counter - 1).toString());
+    
+    //Recieves the counter variable so it can find the specific div and delete it
+    function deleteLast(counter) {
+        div = document.getElementById('outcomeContainer' + (counter).toString());
         div.remove();
-        button = document.getElementById('close' + (counter - 1).toString());
-        button.remove();
-        counter -= 1;
-        $('#counter').val(counter);
     }
 
     function fetchObjectiveForEditing() {