//customerDB is an Array  
for(i of customerDB){   

      //create option and add to drop down list 
      var set = `<option value=${i.id}>${i.id}</option>`;
      $('#dropDown').append(set);

}  


// print dropdown values on console
$('#dropDown').click(function(){
      console.log($(this).val())
})

//Html下拉列表的格式。

<select id="MyDropDownList">
<option value=test1 selected>test1</option>
<option value=test2>test2</option>
<option value=test3>test3</option>
<option value=test4>test4</option>

//如果你想使用javascript将选中的Item更改为test2。试试这个。 //设置你想要选择的下一个选项

var NewOprionValue = "Test2"

        var RemoveSelected = $("#MyDropDownList")[0].innerHTML.replace('selected', '');
        var ChangeSelected = RemoveSelected.replace(NewOption, NewOption + 'selected>');
        $('#MyDropDownList').html(ChangeSelected);

$("#mydropdownlist").val("thevalue");

只要确保选项标签中的值与val方法中的值匹配即可。

如果你的下拉菜单是Asp。净下拉，然后下面的代码将工作正常，

 $("#<%=DropDownName.ClientID%>")[0].selectedIndex=0;

但如果你的下拉是HTML下拉，那么这段代码将工作。

 $("#DropDownName")[0].selectedIndex=0;

有很多方法可以做到这一点。以下是其中一些:

$("._statusDDL").val('2');

OR

$('select').prop('selectedIndex', 3);

正如@Nick Berardi所建议的，如果你更改的值没有反映在UI前端，尝试:

$("#mydropdownlist").val("thevalue").change();