如何從主頁訪問局部視圖下拉列表的選定值？

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>