Изменение раскрывающегося списка на основе другого раскрывающегося списка с помощью jQuery в MVC

@Html.DropDownListFor(model => model.State, new SelectList(Model._listAllStateVModel.ListAllStates, "Abbreviations", "Name"), "Select.....", new { ..... })

@Html.DropDownListFor(model => model.County, new SelectList(Model._listAllCountyVModel.ListAllCounty, "CountyId", "CountyName"), "Select.....", new { ..... })

У меня есть список штатов в DropDownListFor(model => model.State)& список округов в DropDownListFor(model => model.County) + the word "Other...",
то, что я хочу, когда я выбираю любой штат, кроме Texas DropDownListFor County должен измениться на слово «другой..».
как это сделать с помощью jQuery?

2 ответа

  1. Попробовать это.

    <select Id="State">
      <option value="Texas">Texas</option>
      <option value="Sidney">Sidney</option>
      <option value="Gujarat">Gujarat</option>
    </select>
    <select Id="Country">
      <option value="USA">USA</option>
      <option value="Other">Other</option>
    </select>
    
    $('#State').change(function() {
        if ($('#State option:selected').text() != 'Texas') {
            $('#Country').val("Other").attr("selected", "selected");
        }
        else{
            $('#Country').val("USA").attr("selected", "selected");
        }
    })
    

    Вы также можете проверить значение вместо текста

  2. эта работа отлично.

     $('#State').change(function () {
        if ($('#State option:selected').text() != 'Texas') {
            $('#County').val('Other').attr("selected", "selected");
        }
        else {
            $('#County').val(null).attr("selected", "selected");
        }
    });
    

    спасибо