Javascript 选择选项值在jQuery Mobile中未定义

我有4个依赖项选择选项，我可以使用jQuery获取第一个值，剩下的3个选项返回未定义的值，我尝试了许多方法使用jQuery获取值，从父标记到标记本身，但运气不佳，下面是我的代码：- jQuery：-

HTML:-

   <div data-role="page" class="mobileBody">
  <?php require 'user_header.php' ?>
  <div data-role="main" class="absolute-center">
      <label for="hospitals">Hospital</label>
      <select id="hospitalID" data-native-menu="true">
        <option value="0"></option>
      </select>

      <label for="depID">Departments</label>
      <select id="depID">
        <option value="0"></option>
      </select>

      <label for="drID">Doctors</label>
      <select id="drID">
        <option value="0"></option>
      </select>

      <label for="drAppID">Doctor Appointments</label>
      <select id="drAppID">
        <option value="0"></option>
      </select>
  </div>
</div>

---

你能在那里发布你的日志吗；我得到了预期的对象，它们是正确的，但是选择选项的值没有定义，除了第一个！所以，当您想要获取部门列表并将其设置为select标记时，您会遇到异常，对吗？不，我可以用动态方式正确设置所有部门列表，但在尝试通过jQuery访问它们时，它们的值未定义，如下所示：-var depID=$option:selected:last，'depID'.val；//此值未定义，与drname相同。是否可以测试此$depID选项：selected.val；用于获取所选部门

   <div data-role="page" class="mobileBody">
  <?php require 'user_header.php' ?>
  <div data-role="main" class="absolute-center">
      <label for="hospitals">Hospital</label>
      <select id="hospitalID" data-native-menu="true">
        <option value="0"></option>
      </select>

      <label for="depID">Departments</label>
      <select id="depID">
        <option value="0"></option>
      </select>

      <label for="drID">Doctors</label>
      <select id="drID">
        <option value="0"></option>
      </select>

      <label for="drAppID">Doctor Appointments</label>
      <select id="drAppID">
        <option value="0"></option>
      </select>
  </div>
</div>