Как получить выделенный текст в элемент управления опцией внутри тд в JQuery?

Question

Вот код JQuery:

$("tr.skill").each(function(){
                    var skill = $(this).contents("td:first").html();
                    var action = $(this).contents("td:last").text();
                });

Вот сгенерированный HTML-код:

    <td>
        <select name="ddlScores" id="ddlScores" disabled="disabled">
            <option selected="selected" value="236">Do Wells</option>
            <option value="237">Do Betters</option>
        </select>
    </td>

Этот тд является последним тд внутри ТР с классом = "skill"Я хочу, чтобы действие var было "Do Wells".В настоящее время это "Делай Уэллс Делай Лучше".Я пробовал разные вещи с selected:option, но он всегда возвращает пустую строку.

Answer 1

Вы пробовали что-то вроде:

var action = $('td:last select option:selected', this).text();

Удачи!

Answer 2

selected:option

задом наперед.

Попробуйте:

$('#ddlScores option:selected')

Answer 3

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

var action = $(this).contents("td:last option[selected='selected']").text();