Jquery选择不工作

Question

我有一个div -

<div id="billTypeDropDown" class="form-group dropdown"></div>

我正在使用jquery在这个div中设置一个select元素

$('#billTypeDropDown').html(getDropDown('billtype'));

在此之后我的选择看起来像这样 -

现在，在我的另一个jquery流程中，我正在使用此代码 -

$('#billTypeDropDown select option[value="Select One"]').prop('selected', true); //this is called after preparing the page
$('#billTypeDropDown').find('select').find('option').filter(function(){
                return $(this).prop('id') == $candidate.emp_type_c;
            }).prop('selected', true); //this is called when I have data on the page

但是这个简单的第二个语句应该设置$ candidate.emp_type_c中的值，而不是在我的下拉选择中设置所选的值。

我尝试了所有这些，但这些都没有 -

$('#billTypeDropDown select option[id='+$candidate.emp_type_c+']').attr('selected', 'selected');

$('#billTypeDropDown').find('select').find('option').each(function(){
                if($(this).prop('id') == $candidate.emp_type_c){
                    $(this).prop('selected', true);
                }
            });

$('#billTypeDropDown').find('select').find('option').filter(function(){
                return $(this).prop('id') == $candidate.emp_type_c;
            }).prop('selected', true);

你能指出错误吗？

PS -I有另一个下拉列表，这段代码可以正常工作 -

$('#visaDropDown select option').filter(function(){
            return $(this).prop('id') == $candidate.visa_type_c;
        }).prop('selected', true);