JavaScriptをアップデートパネルに変更

私はJavaScriptがうまく機能しますが、私はそれをアップデートパネルに変更する必要があり、正常に動作するようにはできません。JavaScriptをアップデートパネルに変更

最初のドロップダウンで1を選択した場合は、2番目のドロップダウンでcを選択します。

私はasp.net vbを使用しています。私はすべての助けに感謝します！

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script type="text/javascript"> 
     function NumbersDropDownList_OnChange() { 
      var numbersDropDownList = document.getElementById("numbersDropDownList"); 
      if (numbersDropDownList.options[numbersDropDownList.selectedIndex].text=="1") { 
       document.getElementById("lettersDropDownList").selectedIndex = 2; 
      } 
     } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:DropDownList ID="numbersDropDownList" onchange="NumbersDropDownList_OnChange()" runat="server"> 
      <asp:ListItem>1</asp:ListItem> 
      <asp:ListItem>2</asp:ListItem> 
      <asp:ListItem>3</asp:ListItem> 
     </asp:DropDownList> 
     <asp:DropDownList ID="lettersDropDownList" runat="server"> 
      <asp:ListItem>a</asp:ListItem> 
      <asp:ListItem>b</asp:ListItem> 
      <asp:ListItem>c</asp:ListItem> 
     </asp:DropDownList> 
    </div> 
    </form> 
</body> 
</html>

出典

2012-04-02 Michelle

？ – mshsayem

howHearWhere.ascxありがとう！ – Michelle

このコントロールは上のコードでは使用されていません... – mshsayem

希望はこれを使用すると、JavaScriptから誤ってコントロールを呼び出しているように見えます

<asp:UpdatePanel runat="server" ID="pnllettersDropDownList" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <asp:DropDownList ID="numbersDropDownList" runat="server" AutoPostBack="true" > 
     <asp:ListItem Value="1" >1</asp:ListItem> 
     <asp:ListItem Value="2" >2</asp:ListItem> 
     <asp:ListItem Value="3" >3</asp:ListItem> 
    </asp:DropDownList> 
     <asp:DropDownList ID="lettersDropDownList" runat="server"> 
     <asp:ListItem Value="1" >a</asp:ListItem> 
     <asp:ListItem Value="2" >b</asp:ListItem> 
     <asp:ListItem Value="3" >c</asp:ListItem> 
    </asp:DropDownList>   
    </ContentTemplate> 
    </asp:UpdatePanel> 

Protected Sub numbersDropDownList_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles numbersDropDownList.SelectedIndexChanged 
     if numbersDropDownList.selectedvalue=2 then 
      lettersDropDownList.selectedvalue=3 
     end if 
End Sub

出典

2012-04-02 19:41:22 JohnJ

に役立ちます。あなたのリストがフォームのベースレベルにあるという理由だけで、あなたの現在のスクリプトがうまく動くようになっています。以下のように

正しいスクリプト：あなたはのUpdatePanelでラップしたい制御

<script type="text/javascript"> 
    function NumbersDropDownList_OnChange() { 
     var numbersDropDownList = document.getElementById('<%= numbersDropDownList.ClientID %>'); 
     if (numbersDropDownList.options[numbersDropDownList.selectedIndex].text=="1") { 
      document.getElementById('<%= lettersDropDownList.ClientID %>').selectedIndex = 2; 
     } 
    } 
</script>

出典

2012-04-03 14:16:32

JavaScriptをアップデートパネルに変更

答えて

関連する問題