Использование Javascript для установки Asp: Dropdownlist

Question

Использование Javascript для установки Asp: Dropdownlist

0

Я пробовал различные способы установить раскрывающийся список безрезультатно. В инструментах разработчика я вижу изменение selectedIndex соответствующим образом, и я вижу, что узел опции изменился с выбранного значения false на выбранное значение true. Но когда всплывающее модальное окно открывается, в раскрывающемся списке отображается первый вариант, который пуст. Если я закрою и снова открою всплывающее окно, он отобразит все, что я выбрал вручную. Как я могу программно установить значение dropdownlist?

Отметить

   <%--Address Popup--%>
    <div id="location_modal" class="reveal-modal modal_location" data-reveal>
    <fieldset>
    <legend>Locations(Update/New)</legend>
      <div class="row">
        <div class="large-4 columns">
           <asp:Label ID="Label4" runat="server">Location:*</asp:Label>
           <asp:DropDownList ID="ddLocationNames" runat="server" class="input_ddllocationName"></asp:DropDownList>
       </div>

Js

    locationNameId = 'MainContent_lvAddresses_lblAddressLocation_' + g_index
    locationName = document.getElementById(locationNameId).innerHTML;

    var select = document.getElementById("MainContent_ddLocationNames");

    for (var i = 0; i <select.options.length; i++){
        if(select.options[i].innerHTML == locationName){
            //select.selectedIndex = i;
            //$(".input_ddllocationName").selectedIndex = i;
            select[i].selected = true;
            }
            else{
            select[i].selected = false;
            }
        }

Droplist id: MainContent_ddLocationNames

1. selected="selected" value="" 
2. value="1">TESTING            
3. value="2">TESTING AGAIN      
4. value="3">MY FAVORITE LOCATION 
5. value="4">MGM GRAND BALLROOM A

gman 22 май 2014, в 23:24

Источник

0

selected говорит вам, выбрал ли пользователь элемент или нет, но не сообщает, что он выбрал. Смотрите здесь Вам не нужен JS для этого.
eyoung100 22 май 2014, в 21:28
0

js используется для заполнения всех полей в модальном всплывающем окне (несколько других извлекаются через вызов ajax)
gman 22 май 2014, в 22:12
0

Поведение по умолчанию показано в предоставленной мной ссылке, поскольку вы используете ASP.NET. В противном случае вам понадобится ответ типа Moby's или user14178135 ниже.
eyoung100 22 май 2014, в 22:33

Показать ещё 1 комментарий

Теги:

c#

javascript

jquery

zurb-foundation

asp.net

3 ответа

0

Если вы используете базовый JavaScript, это должно сработать.

locationName = document.getElementById(locationNameId).innerHTML;

var select = document.getElementByClassName("input_ddllocationName")[0];

for (var i = 0; i <select.options.length; i++){
    if(select.options[i].innerHTML == locationName){
        select.selectedIndex = i;
        // OR select.value = select.options[i].value;
    }
    else{
        select[i].selected = false;
    }
}

user1417835 22 май 2014, в 19:46

0

Если на странице есть jQuery:

$(".input_ddllocationName").val(locationName);

Или locationNameId, в зависимости от которого атрибут value для параметров.

Moby's Stunt Double 22 май 2014, в 18:49

0

Я даже пытался жестко запрограммировать имя местоположения, но оно не показывалось, когда открылось всплывающее окно $ ( "Input_ddllocationName ") Вал (" ИСПЫТАНИЕ"). //$(".input_ddllocationName").val(locationName);
gman 22 май 2014, в 22:01
0

Val () будет искать атрибут значения опции. Так что .val ("1") в вашем случае будет синтаксисом.
Moby's Stunt Double 22 май 2014, в 22:12

Ещё вопросы

selected говорит вам, выбрал ли пользователь элемент или нет, но не сообщает, что он выбрал. Смотрите здесь Вам не нужен JS для этого.
js используется для заполнения всех полей в модальном всплывающем окне (несколько других извлекаются через вызов ajax)
Поведение по умолчанию показано в предоставленной мной ссылке, поскольку вы используете ASP.NET. В противном случае вам понадобится ответ типа Moby's или user14178135 ниже.
Я даже пытался жестко запрограммировать имя местоположения, но оно не показывалось, когда открылось всплывающее окно $ ( "Input_ddllocationName ") Вал (" ИСПЫТАНИЕ"). //$(".input_ddllocationName").val(locationName);
Val () будет искать атрибут значения опции. Так что .val ("1") в вашем случае будет синтаксисом.

gman · Accepted Answer · 2014-05-23T20-46-00.000Z

Из-за основания в раскрывающемся списке есть "специальная" разметка.

В Js мне пришлось добавить дополнительные строки кода. Спасибо Google Dev Tools!

//Find out which row should be selected
var indexSave = 0;
for (var i = 0; i<select.options.length; i++){
    if(select.options[i].innerHTML == locationName){
        indexSave = i;
        break;
        }
    }

   //Set the current node to the Location Name
   $('#MainContent_ddlLocationName').next().children().first().text(locationName);

   //Remove all selections
    $('.input_ddlLocationName ul li').each(function() {
        $(this).removeClass("selected");
    });

    //Select the Location Name based on index
    var selectLi = indexSave + 1;
    $('.input_ddlLocationName ul li:nth-child(' + selectLi + ')').addClass("selected");