Como retornar o valor do item selecionado em uma List

<?xml version="1.0" encoding="iso-8859-1"?>
<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:List id="listaNomes" width="150" rowCount="4"
      dataProvider="{mNomes}"/>

    <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 = 
          (String)(listaNomes.selectedItem);
          
        if(valor != "null"){
          Alert.show("O valor do item selecionado é " +
            valor, "Mensagem");
        }
        else{
          Alert.show("Nenhum item selecionado", 
            "Mensagem");
        }         
       
      }
    ]]>
  </mx:Script>  

</mx:Application>