js getelementbyid renvoie la valeur null

Question

getElementById renvoie null mais la liste est remplie. Des suppositions de ce qui ne va pas?

HomePage.aspx et Map.js

var Center = { lat: 20.452425, lng: -68.545446 }; 
 

 
function initMap() { 
 
    
 
    
 
    map = new google.maps.Map(document.getElementById('map'), { 
 
     zoom: 3, 
 
     center: Center 
 
    }); 
 
    populateMap() 
 
    function populateMap() 
 
    { 
 
     var DiveSiteList2 = document.getElementById("DiveSiteList") 
 
     for (var i = 0; i < DiveSiteList2.options.length; ++i) 
 
     {...} 
 
     
 

 
    } 
 
    }

<div id="ListHolder"> 
 
    <asp:ListBox class="ListBox" ID="DiveSiteList" runat="server"></asp:ListBox> 
 
</div>

HomePage.aspx.cs

private DiveManager.DiveManager Manager; 
    protected void Page_Load(object sender, EventArgs e) 
    { 
     Manager = new DiveManager.DiveManager(); 
     BindDiveList(); 
    } 

    private void BindDiveList() 
    { 
     foreach (DiveSite DS in Manager.MasterDiveSiteList) 
     { 
      ListItem Item = new ListItem(); 
      Item.Text = DS.DiveSiteName; 
      Item.Attributes.Add("Name", DS.DiveSiteName); 
      Item.Attributes.Add("Latitude", DS.Latitude.ToString()); 
      Item.Attributes.Add("Longitude", DS.Longitude.ToString()); 
      Item.Attributes.Add("ID", DS.DiveSiteID.ToString()); 
      DiveSiteList.Items.Add(Item); 
     } 
    } 

Erreur de page: Uncaught TypeError: Impossible de lire la propriété 'options' de null à populateMap (Map.js: 19)

Answer 1

S'il vous plaît Check it changer juste ici:

var DiveSiteList2 = document.getElementById('<%= DiveSiteList.ClientID %>') 

var Center = { lat: 20.452425, lng: -68.545446 }; 
 

 
function initMap() { 
 
    
 
    
 
    map = new google.maps.Map(document.getElementById('map'), { 
 
     zoom: 3, 
 
     center: Center 
 
    }); 
 
    populateMap() 
 
    function populateMap() 
 
    { 
 
     var DiveSiteList2 = document.getElementById('<%= DiveSiteList.ClientID %>') 
 
     for (var i = 0; i < DiveSiteList2.options.length; ++i) 
 
     {...} 
 
     
 

 
    } 
 
    }

<div id="ListHolder"> 
 
    <asp:ListBox class="ListBox" ID="DiveSiteList" runat="server"></asp:ListBox> 
 
</div>