javascript - JavaScript で focus() を使用する

Question

JavaScriptを使ってテキストボックスにフォーカスを合わせようとしていますがうまくいきません.focus()の使い方を教えてそのテキストボックスにnull値を設定してください.

脚本：

<script type="text/javascript">
$(document).ready(function () 
{
   var str = ('@ViewData["ControlView"]'); //alert(str);
   if (str == "1")
       ShowProduct();
   else
       ShowGrid();
});
var message = ('@ViewData["Success"]');
if (message == "Product Code Already Exits.")
{
   document.getElementById("Item_Code").value ="";
   document.getElementById("Item_Code").focus();
}

意見：

@Html.TextBox("Item_Code", "", new { @Maxlength = "10", id = "Item_Code" });

Answer 1

このスクリプト ブロックで

<script type="text/javascript">
    $(document).ready(function () 
    {
        var str = ('@ViewData["ControlView"]'); //alert(str);
        if (str == "1")
            ShowProduct();
        else
            ShowGrid();
    });

    var message = ('@ViewData["Success"]');
    if (message == "Product Code Already Exits.")
    {
        document.getElementById("Item_Code").value ="";
        document.getElementById("Item_Code").focus();
    }

宣言とメッセージ変数とdocument.getElementById関数呼び出しの使用は関数内ではないため、この id を持つ要素がまだレンダリングされていないため、readyこの後のテキストボックスの宣言が呼び出しでnull を返す場合document.getElementById("Item_Code")

ソルブプットコード用

    var message = ('@ViewData["Success"]');
    if (message == "Product Code Already Exits.")
    {
        document.getElementById("Item_Code").value ="";
        document.getElementById("Item_Code").focus();
    }

このような関数でready：

        $(document).ready(function () 
        {
            var str = ('@ViewData["ControlView"]'); //alert(str);
            if (str == "1")
                ShowProduct();
            else
                ShowGrid();

            var message = ('@ViewData["Success"]');
            if (message == "Product Code Already Exits.")
            {
                document.getElementById("Item_Code").value ="";
                document.getElementById("Item_Code").focus();
            }
        });

Answer 2

Jquery ソリューション

<script type="text/javascript">
$(document).ready(function () 
{
   var str = ('@ViewData["ControlView"]'); //alert(str);
   if (str == "1")
       ShowProduct();
   else
       ShowGrid();
});
var message = ('@ViewData["Success"]');
if (message == "Product Code Already Exits.")
{
  $("#Item_Code").val("");
  $("#Item_Code").focus();
}