Установленное значение в каскадной автозаполнении Выпадающее окно

Question

Я просто хочу, чтобы, когда в опции «Город» ddl опция «не живет в городе» выбрана ---> в «Главный город» ddl, опция «Ville de saint» должна автоматически выбираться. Но Я не в состоянии сделать это ....... вариант «Виль де святой» существует в обоих выпадающие .... Моя ситуация застревает как это ..

Это код для Выездные:

<div>   
    @Html.DropDownList(Model.townProp, new SelectList(Bmsa.UI.Utility.Utility.GetTown(Model.townId), "Value", "Text", Model.townId), new { onchange = "GetchiefTown();" }) </div> 

    <div> @Html.DropDownList(Model.chiefTownProp, new SelectList(Bmsa.UI.Utility.Utility.GetchiefTown(Model.communeId), "Value", "Text", Model.chiefTownId))</div> 

Я пробовал некоторые из следующих функций, основанных на каком-то посте, но не чтобы получить результаты:

function GetchiefTown() { 

    $('#@Model.chiefTownProp').prop('selectedIndex', 2); 
    $('#@Model.chiefTownProp').attr('selectedIndex', 2); 
    $('#@Model.chiefTownProp').val("Ville de saint louis de Nord"); 
    $('#@Model.chiefTownProp').val(2); 
    $('#@Model.chiefTownProp').prop('selected', true); 
    } 

для функции автозаполнения Я использовал jquery Select() плагин. DOM-за выпадающие в браузере выглядеть следующим образом

Нужно ли мне что-нибудь другое из-за этого плагина?

Может ли кто-нибудь предложить Что мне не хватает?

Answer 1

Вы можете использовать опцию change handler to city. Когда не живет в городе, выбранный переуступник, назначенный начальником города Вилле де святому. Для дать простой пример, у нас есть два выбирает, как это:

<label>City:</label> 
    <select id="city"> 
    <option value="1">Select Below</option> 
    <option value="2">Doesnot live in city</option> 
    <option value="3">Live in city</option> 
    </select> 

    <label>Chief city:</label> 
    <select id="chief-city"> 
    <option value="1">Select Below</option> 
    <option value="2">Ville de saint</option> 
    <option value="3">Other city</option> 
    </select> 

и простой JQuery код:

$('#city').change(function() { 
    if ($(this).val() == 2) 
    $('#chief-city').val('2'); 
    else 
    $('#chief-city').val('1'); 
}); 

Если #cityвыбрать изменяется обработчик изменения проверит значение в #cityвыберите, в этом примере, если значение равно 2, это означает, что «не проживает в городе» выбрано тогда выбранный вариант в # главного города-выбрать будет Виль де святого

Это скрипка в этом примере: https://jsfiddle.net/alissonmbr/dqzkkzdm/