У меня есть ViewModel, который содержит другой тип списка
Когда загружается первая страница, я хотел отобразить список данных в раскрывающемся списке.
Когда раскрывающееся меню изменяется, я хочу отобразить список данных, характерных для этого типа.
Но я не хочу идти к своему контроллеру, так как в этом случае мне нужно выполнить поиск/запрос, где у меня уже есть все типы в моем представлении сначала.
Как я могу это сделать?
Какие-либо предложения.
Спасибо,
Если вы не хотите идти на сервер (ajax\submit), вам нужно будет загрузить все данные (в первом ответе) и изменить список с помощью javascript.
Когда в поле выбора произойдет изменение, ваш javascript должен будет получить выбранное значение и обновить новый список до работать против этого.
Вот пример:
HTML:
<select id="s1"></select>
<select id="s2"></select>
JS:
var currData = ["1", "2", "3"];
var otherData = [
["a", "b", "c"],
["d", "e", "f"],
["g", "h", "i"]
]
for (var i = 0; i < currData.length; i++) {
var option = $('<option value="' + currData[i] + '">' + currData[i] + '</option>');
$("#s1").append(option);
}
// s1 and s2 are the same when the page loads.
$('#s2').html($('#s1').html());
$('#s1').change(function () {
var idx = currData.indexOf($(this).val());
var newSelectData = otherData[idx]; // change s2 due to s1's selection
$('#s2').children().remove(); // clear the s2 select box
for (var i = 0; i < newSelectData.length; i++) {
var option = $('<option value="' + newSelectData[i] + '">' + newSelectData[i] + '</option>');
$("#s2").append(option);
}
});
