내가 같은 드롭 다운을 만든 옵션

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