Finally resolve the issue of getting selected value in jQuery

iKnowJavaScript · iKnowJavaScript · commit 6567f27b5b9b · 2019-03-02T11:12:24.000+01:00
diff --git a/javascript/dashboard.js b/javascript/dashboard.js
@@ -140,7 +140,7 @@ $(document).ready(function () {
       species: $species.val(),
       family: $family.val(),
       class: $class.val(),
-      category: $category.val(),
+      category: $category.find(":selected").text(),
       external: $external.val(),
       image: $image.val(),
       info: $info.val()
diff --git a/javascript/main.js b/javascript/main.js
@@ -9,7 +9,7 @@ $(document).ready(() => {
   let $species = $('#species');
   let $family = $('#family');
   let $class = $('#class');
-  let $category = $('#sea');
+  let $category = $( "#category option:selected" ).text();
   let $external = $('#external');
   let $image = $('#image');
   let $info = $('#info');
@@ -95,12 +95,12 @@ $(document).ready(() => {
       species: $species.val(),
       family: $family.val(),
       class: $class.val(),
-      category: $category.val(),
+      category: $category,
       external: $external.val(),
       image: $image.val(),
       info: $info.val()
     };
-
+   
     $('#postForm').trigger("reset");
     $.ajax({
       type: 'POST',
