Заполнение значений во втором раскрывающемся списке в соответствии со значением, выбранным в первом раскрывающемся списке - PullRequest
0 голосов
/ 02 апреля 2019

Данные не заполняются во втором раскрывающемся списке.

JSP код для первого выпадающего списка:

    <div id="search_by_pi" style="display:none;"> 
      <div class="col-1">
        <label for="piname" >Select PI Name</label>
      </div>
      <div class="col-2">
        <select required name="piName" ><!-- onchange="repotOnchangepi(this.value);" -->
          <option selected="selected" disabled="disabled">--SELECT--</option>
          <c:forEach var="PIUsersName" items="${PIUsersList}">
            <option><c:out value="${PIUsersName}" /></option>       
          </c:forEach>
        </select>
      </div>

Jspcode для второго выпадающего списка:

    <div class="col-1">
      <label for="piStudy_name"  style="margin-left:-130px">Select PI Study</label>
    </div>
    <div class="col-2">
      <select required name="studyName"  style="margin-left:-180px" path="piname" id="pistudy">
        <option value="-1" label="--SELECT--"/> 
      </select>
    </div>
    </div>

Класс контроллера для второго выпадающего списка:

@RequestMapping(value = "/categories/{piName}", method = RequestMethod.GET)
    public @ResponseBody  List<StudyDtls> findBypiname(@PathVariable("piName") String piname) {
        return adminservice.getPiStudDtlsList(piname);
    }

Ajax-код для заполнения второго выпадающего списка:

("#search_by_pi").change(function(){

    var piName = $(this).val();
    $.ajax({
        type: 'GET',
        url: "/studies/" + piName,
        data: {"piName" : piName},
        success: function(data){
            var slctSubcat=$('#pistudy'), option="",i;
            slctSubcat.empty();
           for(i=0; i<data.length; i++)
            {
                option = option + "<option value='"+data[i].id + "'>"+data[i].studyName + "</option>";
            }
            slctSubcat.append(option);
        },
        error:function(){
            alert("error");
        }
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...