javascript - 选择元素具有选定值 -1

Question

选择元素已选择值 4（例如），我将表单数据发送到服务器。控制器返回部分视图。

 <script>
        $(document).ready(function () {
            var objSel = document.getElementById("IDVacationApplicationType");
            checkVacationType(objSel);
            $("select#IDVacationApplicationType").change(function () {
                checkVacationType(this);
            });

        });
        function checkVacationType(elem) {
            var item = $(elem).val();
            alert(item);
        }
 </script>

html:

<div class="form-position">
     <div class="form-label">
          @Html.LabelFor(model => model.VacationApplicationTypes)
     </div>
     <div class="form-value">
          @Html.DropDownListFor(model => model.IDVacationApplicationType, Model.VacationApplicationTypes)
          @Html.ValidationMessageFor(model => model.VacationApplicationTypes)
     </div>
</div>

警报显示-1。 在该表单具有选定值 = 4 的选择元素之后。我怎样才能得到这个 4？

答：我在页面中有两个相同的 ID。

Answer 1

你可以用这个

 $('#IDVacationApplicationType').find(":selected").val();

因此，将您的功能更改checkVacationType为

function checkVacationType(elem) {
    var item = $(elem).find(":selected").val();
    alert(item);
}

小提琴演示

Answer 2

我在页面中有两个相同的 ID。我需要向元素添加类：

 @Html.DropDownListFor(model => model.IDVacationApplicationType, Model.VacationApplicationTypes, new { @class = "IDVacationApplicationType" })

<script>
    $(document).ready(function () {
        var objSel = $(".IDVacationApplicationType");

        checkVacationType(objSel);
        $(".IDVacationApplicationType").change(function () {
            checkVacationType(this);
        });

    });
    function checkVacationType(elem) {
        var item = $(elem).val();
        alert(item);
    }
</script>