Как получить выпадающее выбранное значение, когда событие onchange происходит

Question

У меня есть таблица и есть два выпадающих списка в каждой строке из двух столбцов. Эти выпадающие списки: cboState и cboCity. Когда пользователь выбирает состояние, тогда мне нужно показать выпадающее меню и текст в выпадающем меню cboState, а также я должен найти cboCity в той же строке таблицы и получить его выбранное значение и текст, если таковые имеются.

Я написал этот код, но он не работает

$("#gridContent .webgrid-table tbody [id*='cboState']").change(function() { 
    alert('State ' + $(this).tex() + ' ' + $(this).val()); 
    //var cboCity = $(this).closest('tr').find("select[id*='cboCity']"); 
    //alert('City ' + cboCity.tex() + ' ' + cboCity.val()); 
}); 

Answer 1

$("#gridContent .webgrid-table tbody [id*='cboState']").change(function() { 
    alert('State ' + $(this).children(":selected").text() + ' ' + $(this).val()); 
});