javascript - jQuery select2-offscreen 类与下拉列表？

Question

我正在使用 MVC4、C#、Razor Engine 和 jQuery 制作一个小项目。在我的代码中，我有一个下拉列表，每次在该下拉列表中选择一个项目时，我都想发送一个 Ajax 请求，其中包含所选信息以及 HTML 中的订单 ID:

<input type="hidden" id="materialRequestId" value=@myId />

为了实现这一点，当用户在我的下拉列表中选择一个项目时，我尝试使用其 id 来获取 closest/sibling/find HTML 标记，但我失败了，因为 $(this) 似乎只有一个 select2-offscreen 类，因此每次我使用以前的 jQuery 函数之一时，我都会得到未定义的结果。

$('#OfficeId').change(function () {
    alert($(this).closest("div").siblings("#materialRequestId").value;);         
});

这是我的 HTML:

<td>
    <input type="hidden" id="materialRequestId" value=4 />
    <div class="hide officeList">
        <select id="OfficeId" name="OfficeId">
            <option value="18">AMAALB</option>
            <option value="19">AMABGR</option>
            <option value="20">AMACRO</option>
        </select>
   </div>
</td>

我在这里缺少什么？为什么这不起作用？

Answer 1

如果直接获取值

 $("#materialRequestId").attr("value");

并确保每个页面只有 1 个元素具有它应该起作用的唯一 id