如何获得选择的选项

Question

我创建了一个下拉列表：

var hidDivSpan1 = $('<div></div>').addClass('span3');
var hidlabel1 = $('<label></label>').text('New Status: ');
var hidSelect = $('<select name="Status" id="DropdownStatus">').addClass('span3');
var hidOption1 = $('<option value="ON"></option>').text('ON');
var hidOption2 = $('<option value="OFF"></option>').text('OFF');
var hidOption3 = $('<option value="UNKNOWN"></option>').text('UNKNOWN');    
hidSelect.append(hidOption1);
hidSelect.append(hidOption2);
hidSelect.append(hidOption3);
hidDivSpan1.append(hidlabel1);
hidDivSpan1.append(hidSelect);

现在我有一个保存按钮，单击此按钮我想获得上述下拉列表中的选定选项。为此，我正在做的是：

hidSavBtn.on("click", function () {
//var selectedVal=$("#DropdownStatus option:selected").text();
var selectedVal=$('#DropdownStatus').val();
});

从上面的内容来看，我都使用了这两个代码来获取选定的选项，但是这两个代码 returns 我总是第一个选项。如果我选择第二个选项，即关闭，那么我也会继续作为我选择的文本或值。

我不知道如何才能获得实际选择的值。

期待您的解决方案。提前致谢。

Answer 1

你可能在某处出错了，但你应该调用：

var selectedResult = $("#DropdownStatus").val();

如果要查找所选选项的值

FIDDLE

如何获得选择的选项

How to get selected option

jquery

twitter-bootstrap