Не удается получить текстовое значение из раскрывающегося списка jquery

Question

У меня есть таблица, в которой пользователи могут добавлять строки к использованию append. Параметры обновляются динамически. У меня есть раскрывающийся список внутри строки, но не удается найти способ добраться до текста. Я могу получить только значение. Я попытался заменить .val() для .text(), но он не работает.

<td>Role<br/><select id="ddlDepartment" class="ddlDepartment" name="D1"><option value=""> 
     Select Role</option></select></td> 

<!-- language : lang-js --> 
$("table.tbl_id_1").on("change", 'input[name^="txt"]', function (event) { 
     calculateRow($(this).closest("tr")); 

    }); 


    function calculateRow(row) { 
    var price = +row.find('input[name="txtVision"]').val(); 
    price += +row.find('input[name="txtInitiate"]').val(); 

    var txtddl = +row.find('select.ddlDepartment').val(); 
    } 

Answer 1

Я надеюсь, что вы пытаетесь получить текст выбранного значения из select элемента.

попробовать

var txtddl = +row.find('select.ddlDepartment:selected').val(); 

выше код даст вам выбранное значение select объекта. , если вы хотите, чтобы текст внутри выбранного элемента просто использовать

var txtddl = +row.find('select.ddlDepartment:selected').text(); 

Answer 2

попробовать это

$("#ddlDepartment").children("option").is("selected").text()