XML - hola quiero llenar un <select con XML y DATASRC

<opciones>

  <opcion>

    <id>3015</id>

    <text>ALERGISTA</text>

  </opcion>

  <opcion>

    <id>3015</id>

    <text>CIRUJANO</text>

  </opcion>

</opciones>

<select DATASRC="#xmlMenuData" DATAFLD="TOPICS"></select>

<script type="text/javascript">

  // Función para cargar los datos del XML en el <select>

  function cargarSelect() {

    var xmlData = document.getElementById("xmlMenuData").XMLDocument;

    var selectElement = document.querySelector('select[DATASRC="#xmlMenuData"]');

    if (xmlData && selectElement) {

      var opciones = xmlData.getElementsByTagName("opcion");

      for (var i = 0; i < opciones.length; i++) {

        var id = opciones[i].getElementsByTagName("id")[0].textContent;

        var text = opciones[i].getElementsByTagName("text")[0].textContent;

        var option = document.createElement("option");

        option.value = id;

        option.text = text;

        selectElement.add(option);

      }

    }

  }

  // Llama a la función cargarSelect al cargar la página

  window.onload = cargarSelect;

</script>