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

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

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

如果你使用索引，你可以直接用.attr()设置所选索引:

$("#mydropdownlist").attr('selectedIndex', 0);

这将把它设置为下拉列表中的第一个值。

编辑: 我上面的方法过去很管用。但现在似乎不再是了。

但正如韩寒在评论中愉快地指出的那样，正确的做法是:

$("#mydropdownlist").get(0).selectedIndex = index_here;

试试这个非常简单的方法:

/*make sure that value is included in the options value of the dropdownlist 
e.g. 
(<select><option value='CA'>California</option><option value='AK'>Alaska</option>      </select>)
*/

$('#mycontrolId').val(myvalue).attr("selected", "selected");

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

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

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

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

对于使用Bootstrap的人，使用$(#elementId').selectpicker('val'，'elementValue')而不是$('#elementId').val('elementValue')，因为后者不会更新UI中的值。

注意:即使.change()函数也可以工作，正如上面在一些回答中所建议的那样，但它会触发$('#elementId').change(function(){//do something})函数。

只是把这个贴出来，以便将来有人引用这个帖子。