我有一个下拉列表,它在 OnLoad() 事件上从 DB 加载记录,我想在页面加载时将焦点设置在下拉框上。我尝试了很多方法来设置焦点,但它不起作用。请看下面的代码。
HTML 代码如下,
<body onLoad="getDataSourceList()">
<div class="wrapper">
<form id="myUploadForm" name="myUploadForm">
<table width="100%">
<tr> <td align="right"><label for="dataSourceId" style=" font-family: serif; font-size: small;">DataSource Type<b style="color: red">*</b>: </label> </td>
<td><select name="dataSourceType" id="dataSourceId">
<option value="Select"> Select</option>
</select>
</td>
</tr>
</table>
</form>
我的ajax代码如下:
function getDataSourceList() {
$.ajax({
url : '/DataWeb/getAllDataSources',
type : 'post',
dataType : 'json',
contentType : 'application/json',
success : function(map) {
console.log(map);
var select = document.getElementById("dataSourceId");
for (index in map) {
select.options[select.options.length] = new Option(
map[index], index);
}
},
error : function(map) {
console.log(map);
console.log("error occured!!!");
},
});
document.getElementById('dataSourceId').focus();
}
提前致谢。