3

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

前もって感謝します。

4

2 に答える 2

2 
$(document).ready(function(){
 $("#myid").focus();
});

これは私のために働く...

于 2012-11-05T06:35:07.457 に答える
1

タブ インデックスを dataSourceId 要素に追加してみてください。フォーカスを受け取ることができる HTML 要素を参照してください。focus() が適用される要素の詳細については、

于 2012-11-05T06:22:10.897 に答える