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

Question

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

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

我这样称局部视图

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

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

 <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>

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

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


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

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

      });
       });
   </script>

我在弹出窗口中得到[Object Object]而不是值。 我正在使用Visual Web Developer 2010和HTML5。 不知道这件事有没有关系，但我只具有'valueOf（）的智能，而不是像示例中所示的val（）。 如何从主页访问局部视图下拉列表的选定值？

Answer 1

用这个：

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

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

  });

Answer 2

尝试

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


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

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

      });
    });
</script>