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();
});

从上面开始，我使用了两个代码来获取所选的选项，但是这两个代码总是返回第一个选项。如果我选择了第二个选项，即OFF，那么我也可以选择我的文本或值。

我无法弄清楚如何获得实际选定的值。

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

Answer 1

你可能在某个地方有错误，但你应该打电话：

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

如果要查找所选选项的值

FIDDLE

如何获得选择的选项

1 个答案: