установить значение выпадающего после загрузки страницы - PullRequest
0 голосов
/ 13 декабря 2018
<select id="networkCapacityList" name="networkCapacityList" class="long select2-hidden-accessible" tabindex="-1" aria-hidden="true">
<option value="">Please Select</option>
<option value="221">Business 1</option>
<option value="456">Business 2</option>
<option value="843">Business 3</option>

 $('#networkCapacityList').on('change', function () {
 var businessID = $(this).val();
 var holdBusinessID = localStorage.setItem("businessID", businessID);
 location.reload(); 

});

 getbusinessID = localStorage.getItem("businessID");


 $("#networkCapacityList").find("[value="+getbusinessID+"]").prop("selected", true);
//$("#networkCapacityList option[value="+getbusinessID+"]").prop('selected', true);
//$('#networkCapacityList option').filter('[value="' + getbusinessID + '"]').prop('selected', 'selected');

Я получаю бизнес-идентификатор от действия пользователя.Я держу эти данные в объекте localStorage.Я должен перезагрузить страницу для некоторых функциональных проблем.Тогда я могу получить бизнес-идентификатор.

После перезагрузки местоположения браузер теряет все действия пользователя.Итак, выпадающий список показывает «Пожалуйста, выберите» как значение по умолчанию.Я хотел бы предварительно установить значение на выбор.Я перепробовал все доступные варианты без успеха.Я правильно узнаю бизнес-идентификатор из местного хранилища.

Например:

$("#networkCapacityList").find("[value="+getbusinessID+"]").prop("selected", true);
$("#networkCapacityList").find("[value="+221+"]").prop("selected", true);

Любая помощь будет принята с благодарностью.

1 Ответ

0 голосов
/ 13 декабря 2018

Только что проверил ваш код и он работает правильно с jquery 1.11.3, я подозреваю, что проблема может быть связана с версией jquery ... Давайте изменим код, чтобы присвоить значение для выпадающего списка, и попробуйте снова:

$("#networkCapacityList").find("[value="+getbusinessID+"]").prop("selected", true);

до

$("#networkCapacityList").val(getbusinessID);
...