Javascript 选择元素已选择值-1

Select元素选择了值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>

$（文档）.ready（函数（）{
var objSel=document.getElementById（“IDVacationApplicationType”）；
检查休假类型（objSel）；
$（“选择#IDVacationApplication Type”）.change（函数（）{
选中VacationType（此）；
});
});
功能检查休假类型（elem）{
var item=$（elem.val（）；
警报（项目）；
}

html:

@Html.LabelFor（model=>model.VacationApplicationTypes）
@Html.DropDownListFor（model=>model.IDVacationApplicationType，model.VacationApplicationTypes）
@Html.ValidationMessageFor（model=>model.VacationApplicationTypes）

警报显示-1。在该窗体具有select元素且所选值为4之后。我怎样才能得到这个4？

回答：我在页面中有两个相同的ID。你可以使用这个

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

因此，将函数更改为

checkVacationType

as

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

---

我在页面中有两个相同的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>

@Html.DropDownListFor（model=>model.IDVacationApplicationType，model.vacationapplicationtype，新的{@class=“IDVacationApplicationType”}）
$（文档）.ready（函数（）{
var objSel=$（“.IDVacationApplicationType”）；
检查休假类型（objSel）；
$（“.IDVacationApplicationType”）.change（函数（）{
选中VacationType（此）；
});
});
功能检查休假类型（elem）{
var item=$（elem.val（）；
警报（项目）；
}

您是否可以共享生成的html而不是服务器template@ArunPJohny

123

谢谢=）我在页面上有两个相同的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>