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

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

试试

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


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

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

      });
    });
</script>

Answer 2

使用这个：

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

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

  });