Javascript 如何从主页访问部分视图下拉列表的选定值？

我有一个部分视图下拉列表，如下所示：

   @Html.DropDownListFor(x=>x.Category, Model.Categories,"Select One")

 <select id="Category" name="Category"><option value="">Select One</option>
 <option value="In class participation">Option A</option>
 <option value=" Option A "> Option A </option>
 <option value=" Option B "> Option B </option>
 <option value=" Option C "> Option C </option>
 <option value=" Option D "> Option D </option>
 </select>

 <script type="text/javascript">
 $(function (e) {
    var sellected = $("#Category").valueOf();
    var selectedVal = sellected.valueOf();


    $("#save").click(function () {

        alert(sellected.toString());
            return false;

      });
       });
   </script>

我称之为这样的局部视图

   @Html.Action("Categories", "Attendance", new { department =departmentId })

当我打开页面时，我看到我的选项列表如下所示：

   @Html.DropDownListFor(x=>x.Category, Model.Categories,"Select One")

 <select id="Category" name="Category"><option value="">Select One</option>
 <option value="In class participation">Option A</option>
 <option value=" Option A "> Option A </option>
 <option value=" Option B "> Option B </option>
 <option value=" Option C "> Option C </option>
 <option value=" Option D "> Option D </option>
 </select>

 <script type="text/javascript">
 $(function (e) {
    var sellected = $("#Category").valueOf();
    var selectedVal = sellected.valueOf();


    $("#save").click(function () {

        alert(sellected.toString());
            return false;

      });
       });
   </script>

然后，我编写一个javascript来测试我是否可以达到所选值的值，如下所示：

   @Html.DropDownListFor(x=>x.Category, Model.Categories,"Select One")

 <select id="Category" name="Category"><option value="">Select One</option>
 <option value="In class participation">Option A</option>
 <option value=" Option A "> Option A </option>
 <option value=" Option B "> Option B </option>
 <option value=" Option C "> Option C </option>
 <option value=" Option D "> Option D </option>
 </select>

 <script type="text/javascript">
 $(function (e) {
    var sellected = $("#Category").valueOf();
    var selectedVal = sellected.valueOf();


    $("#save").click(function () {

        alert(sellected.toString());
            return false;

      });
       });
   </script>

而不是我在弹出窗口中得到的值[Object]。我使用的是VisualWebDeveloper2010和HTML5。我不知道这件事是否会发生，但我只知道‘valueOf’而不是‘val’，就像我在例子中看到的那样。如何从主页访问部分视图下拉列表的选定值

试试看

<script type="text/javascript">
 $(function (e) {


    $("#save").click(function () {
        var sellected = $("#Category").find(':selected');

        alert(sellected.val());
            return false;

      });
    });
</script>

使用以下命令：

$("#save").click(function () {

    alert($("#Category").val());
        return false;

  });

---

尝试执行var sellected=$Category.find，但“find”不在我的智能列表中。“val”也不是。是否有一些必须打开的选项是我缺少的？您使用的是哪个jQuery版本？谢谢您的帮助。即使val不在我的智能列表中。