如何在JQuery中的td中的选项控件中获取所选文本？

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>

这个td是tr中的最后一个td，其中class =“skill”。我希望var动作是“Do Wells”。目前它是“Do Wells Do Betters”。我用selected:option尝试了不同的东西，但它总是给我一个空字符串。

Answer 1

selected:option

是倒退。

尝试：

$('#ddlScores option:selected')

Answer 2

你有没有试过像：

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

祝你好运！

Answer 3

尝试：

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