如何从select =“selected”中获取选项值?

时间:2015-01-19 17:35:26

标签: jquery

我需要在选项属性=“已选择”时获取选项的值。

<option class="level-0 sf-item-33" value="vodafone" selected="selected" data-sf-cr="_sft_33" data-sf-hide-empty="0">Vodafone</option>

<option class="level-0 sf-item-33" value="year" selected="selected" data-sf-cr="_sft_33" data-sf-hide-empty="0">2012</option>

<option class="level-0 sf-item-33" value="ogilvy" selected="selected" data-sf-cr="_sft_33" data-sf-hide-empty="0">Ogilvy</option>

然后我需要插入这个文本值,如:

$('.Agency .dropdown-toggle').html(MY_VALUE_TEXT_1).append(' <span class="caret"></span>');
$('.Client .dropdown-toggle').html(MY_VALUE_TEXT_2).append(' <span class="caret"></span>');
$('.Year .dropdown-toggle').html(MY_VALUE_TEXT_3).append(' <span class="caret"></span>');

2 个答案:

答案 0 :(得分:1)

如果你使用jQuery:

$(&#39;选项:已选择&#39;)。text();

答案 1 :(得分:0)

您不应该尝试将事件直接绑定到该选项。使用下拉列表中的change事件。

$("#ddlMyOptions").change(function() {
    $("#divSelections").append("Selected: " + $("#ddlMyOptions").val() + "<br>");
});

JSFiddle示例:http://jsfiddle.net/dddh17ka/