VeenGreen Ответов: 1

Как показать выбранный элемент списка элемента управления radiobuttonlist

WebForm1.aspx

<body>
    <form id="form1" runat="server">>
        <div style="width:180px;height:200px;overflow:scroll;">
            <asp:RadioButtonList ID="rdlCountries" runat="server" AutoPostBack="t 
  rue"              OnSelectedIndexChanged="rdlCountries_SelectedIndexChan&</asp:RadioButtonList>
        </div>
        <br>
        <asp:Label ID="lblSelectedRadioItem" runat="server">></asp:Label>
    </form>


protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                bindCountries();
            }
        }

        private void bindCountries()
        {
            rdlCountries.Items.Add("India");
            rdlCountries.Items.Add("USA");
            rdlCountries.Items.Add("UK");
            rdlCountries.Items.Add("Brazil");
            rdlCountries.Items.Add("England");
            rdlCountries.Items.Add("Telangana");
            rdlCountries.Items.Add("AP");
            rdlCountries.Items.Add("MP");
            rdlCountries.Items.Add("UP");
            rdlCountries.Items.Add("HP");
            rdlCountries.Items.Add("Tail"); 
            rdlCountries.Items.Add("Fra");
            rdlCountries.Items.Add("Par"); 
            rdlCountries.Items.Add("gni");
            rdlCountries.Items.Add("Pd");
            rdlCountries.Items.Add("sinka"); 
            rdlCountries.Items.Add("Aulia");
            rdlCountries.Items.Add("WestIndies");
            rdlCountries.Items.Add("France");
            rdlCountries.Items.Add("Par");
            rdlCountries.Items.Add("geri"); 
            rdlCountries.Items.Add("Poland");
            rdlCountries.Items.Add("srinka");
            rdlCountries.Items.Add("Austlia");
            rdlCountries.Items.Add("Eland");
            rdlCountries.Items.Add("Westdies"); 
            rdlCountries.Items.Add("Frce");
            rdlCountries.Items.Add("Pais"); 
            rdlCountries.Items.Add("germi"); 
            rdlCountries.Items.Add("Pond");
            rdlCountries.Items.Add("srinka"); 
            rdlCountries.Items.Add("Austria");
        }
        protected void rdlCountries_SelectedIndexChanged(object sender, EventArgs e)
        {
            lblSelectedRadioItem.Text = "Selected RadioButtonListItem Name is " + rdlCountries.SelectedItem.ToString() + "";
        }


Что я уже пробовал:

Я новичок в кодировании и .net,
Когда я выбираю last listItem, после перезагрузки страницы он показывает первые элементы radiobuttonlist...
но я хочу показать listitem то, что я выбрал в списке.
Пожалуйста, помогите мне в этом сценарии.
заранее спасибо

Karthik_Mahalingam

попробуйте использовать javascript/jquery, так как размер контейнера невелик, когда происходит обратная запись, автоматически фокус будет перемещен на первый элемент. пробовал и с панелью обновления, но безуспешно..

1 Ответов

Рейтинг:
8

Karthik_Mahalingam

попробовать это

<script>
       function funChange() {
           var list = document.getElementById('<%= rdlCountries.ClientID %>');
           var inputs = list.getElementsByTagName("input");
           var selectedItem;
           for (var i = 0; i < inputs.length; i++) {
               if (inputs[i].checked) {
                   selectedItem = inputs[i];
                   break;
               }
           }
           document.getElementById('<%= lblSelectedRadioItem.ClientID %>').textContent = selectedItem.value;
       }
   </script>



<asp:radiobuttonlist id="rdlCountries" runat="server" onchange="funChange()"  ></asp:radiobuttonlist>

VeenGreen

Когда я выбираю last listItem, после перезагрузки элементы radiobuttonlist идут сверху
но я хочу показать listitem то,что я выбрал в списке, а не в метке.Я попробовал ваш предложенный код,но он не выделяет выбранный элемент(означает, что он находится перед глазами пользователя)

Karthik_Mahalingam

потому что возвращение почты все еще происходит.

используйте именно это
&ЛТ;как ASP:radiobuttonlist с ИД="rdlCountries" атрибут runat="сервер" onChange, после="funChange()" &ГТ;

VeenGreen

Спасибо за ваше предложение...это работает..

Karthik_Mahalingam

крутой

VeenGreen

Спасибо еще раз..

Karthik_Mahalingam

Добро пожаловать :)