Блог

У меня на моей странице есть 2 выпадающих списка, если я выбираю элемент, тот же выбранный элемент должен отображаться в другом выпадающем списке. Может ли кто-нибудь дать мне, javascript для этого мне не нужно Javascript Jquery

вот очень простая реализация того, что вы описываете:

учитывая html:

 <select id="select1">
  <option value="foo">foo</option>
  <option value="bar">bar</option>
</select>
<select id="select2">
  <option value="foo">foo</option>
  <option value="bar">bar</option>
</select>
  

и этот javascript:

 document.getElementById('select1').onchange = function(e) {
  var index = this.selectedIndex;
  document.getElementById('select2').options[index].selected = true;
}
  

вы можете добиться того, чего хотите. обратите внимание, что индексы должны быть точно такими же в обоих полях выбора (так как в параметрах должны быть в том же порядке)

Вы можете прикрепить событие onchange к вашему выпадающему списку. Затем всякий раз, когда выбранный вами индекс изменяется, он запускается и вызывает предоставленный метод обновления. Например:

HTML

 <asp:DropDownList id="FirstDropdown" onChange="javascript:update();" ...>
  

JavaScript

 <script type="text/javascript">
function update ( ) {        
   document.getElementById('<%= SecondDropdown.ClientID %>').value =
   document.getElementById('<%= FirstDropdown.ClientID %>' ).value;        
}
  

Попробуйте это

 <asp:DropDownList ID="ddl1" runat="server">
            <asp:ListItem Value="1"></asp:ListItem>
            <asp:ListItem Value="2"></asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
            <asp:ListItem Value="4"></asp:ListItem>
        </asp:DropDownList>
        <asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem>1</asp:ListItem>
            <asp:ListItem>2</asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
            <asp:ListItem>4</asp:ListItem>
            <asp:ListItem></asp:ListItem>
        </asp:DropDownList>



  <script type="text/javascript">
function MyApp(sender){
    var lbMatch = false;
    var loDDL2 = document.getElementById('DropDownList1');
    for(var i=0; i< loDDL2.length-1; i  ){
        lbMatch = sender.value==loDDL2.options[i].value;       
        lsSelected = lbMatch ? "<=SELECTED" : "";
        if(lbMatch)
            loDDL2.selectedIndex = sender.selectedIndex;
    }
}
        </script>
  

В событии загрузки страницы добавьте это

   ddl1.Attributes.Add("OnChange", "MyApp(this)");