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>

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

2 个答案: