Como retornar o valor selecionado em um ComboBox editável

<?xml version="1.0" encoding="iso-8859-1"?>

<!--
  Este exemplo mostra como obter o valor selecionado
  em um ComboBox. Observe que aqui nós estamos
  obtendo o valor exibido na caixa de texto da
  ComboBox. Isso torna este trecho de código apropriado
  para o uso com uma ComboBox editável. 
-->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

  <mx:Panel id="painel" title="Estudos" status="Active" 
     height="300" width="200" paddingTop="10" 
     paddingLeft="10" paddingRight="10" 
     paddingBottom="10">

    <mx:ComboBox id="comboNomes" editable="true" 
       dataProvider="{mNomes}" width="150"/>
    <mx:Button label="Obter Item Selecionado" 
       click="obterItem();"/>

  </mx:Panel>

  <mx:Script>
    <![CDATA[
      import mx.collections.ArrayCollection;
      import mx.controls.Alert;      

      [Bindable]
      public var mNomes:ArrayCollection = 
        new ArrayCollection(["Osmar", "Carlos", 
          "Fernanda", "Igor", "Amélia"]);

      private function obterItem():void{
        var valor:String = comboNomes.text;
          
        Alert.show("O valor do item selecionado é " +
          valor, "Mensagem");   
      }
    ]]>
  </mx:Script>  

</mx:Application>