如何使用javascript设置下拉列表（ui.dropdownchecklist-1.4-min.js）？

Question

我正在使用ui.dropdownchecklist-1.4-min.js将我的普通下拉列表转换为带有复选框的下拉列表。当我使用原始下拉列表的ID来使用javascript设置焦点时，它不起作用。我知道插件动态地改变了原始组件，所以我一直在寻找一种方法来完成对dropdwnlist的设置焦点，不确定是否有一种特殊的方法来实现它。

我的html看起来像这样：

<select name ='location_name' id = 'location_name' multiple="multiple">
    <option value ="Select">Select</option>
    <option value ="London">London</option>
    <option value ="New York">New York</option>
</select>

然后我使用插件将其转换为一组复选框：

<script type="text/javascript" src="js/ui.dropdownchecklist-1.4-min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"></link>
<script>
  $("#location_name").dropdownchecklist( {icon: {},  width:180, maxDropHeight: 350} );
</script>

转换后，我试图设置焦点而没有运气：

document.getElementById("location_name").focus(); // does not work

参考：

https://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html