Javascript顯示DIV的DDL值

Question

知道一點Javascript是希望有人能幫助我。根據DDL中的值，我試圖讓DIV顯示。

這是我到目前爲止有：

  <asp:DropDownList ID="SearchTypeDDL" runat="server" onchange="searchType();" Width="150px"> 
       <asp:ListItem Enabled="true" Text="Select Search type" Value="-1"></asp:ListItem> 
       <asp:ListItem Text="Coordinates" Value="1"></asp:ListItem> 
       <asp:ListItem Text="Postcode/Town" Value="2"></asp:ListItem>    
      </asp:DropDownList> 

的Javascript：

function searchType() { 
     var ddl = document.getElementById("<%=SearchTypeDDL.ClientID %>"); 
     if (ddl.selectedIndex == '1') { 
      $('#coordinates').show(); 
     } else { 
      $('#coordinates').hide(); 
     } 
    } 

編輯：

新增警報檢查值傳遞：

var ddl = document.getElementById("ddl"); 
     var SelectedIndex = ddl.selectedIndex; 
     alert(SelectedIndex); 
     if (ddl.selectedIndex == '1') { 
      $('#coordinates').show();    
     } else { 
      $('#coordinates').hide(); 
     } 

警報是sho翼'1'，但它跳過了IF聲明

Answer 1

如果其他人有類似的問題，這裏是我用來獲取它的工作

function searchType() { 
     var ddl = document.getElementById("ddl"); 
     var SelectedIndex = ddl.selectedIndex;   
     if (SelectedIndex == '1') { 
      document.getElementById('coordinates').style.display = "block";        
     } else (SelectedIndex== '1') { 
      document.getElementById('coordinates').style.display = "none"; 
     } 
    } 

Answer 2

什麼不起作用？

我複製你的代碼爲JSFiddle，它似乎只是正常工作

<select id="ddl" onChange="searchType()"> 
    <option value="-1">Select Search Type</option> 
    <option value="1">Coordinates</option> 
    <option value="2">Postcode</option> 
</select> 

<div id="coordinates" style="display:none"> 
    Coordinates div 
</div> 

window.searchType = function() { 
    var ddl = document.getElementById("ddl"); 
    if (ddl.selectedIndex == '1') { 
    $('#coordinates').show(); 
    } else { 
    $('#coordinates').hide(); 
    } 
}