-2

テキスト ボックスがフォーカスされた後にデフォルト値を取得し、後で空白のままにしたい。

<input name="username" type="text" class="input username" value="Username"/>
<input name="password" type="password" class="input password" value="Password"/>

このスクリプトで試しましたが、機能しませんでした

<input type="search" style="color:#858585" id="numbersearch" value="Search..." />

Javascript コード-

$(document).ready(function() {
  var value = $("#numbersearch").val();
  $("#numbersearch").focus(function() {
    if(value == "Search...") {
      value="";
    }
  });

  $("#numbersearch").blur(function() {
    if(value == "") {
      value="Search...";
    }
  });
});
4

2 に答える 2

0

元の質問 (変更したもの??) に基づいて、この回答はうまくいくはずです...

http://jsfiddle.net/nDb5H/3/

JQuery.js を参照していることを確認してください

<input type="text" style="color:#858585" id="numbersearch" value="Search..." />

//java script
$(document).ready(function() {
    $("#numbersearch").focus(function() {
        if($("#numbersearch").val() == "Search...") {
            $("#numbersearch").val("");
        }
    });

    $("#numbersearch").blur(function() {
        if($("#numbersearch").val() == "") {
            $("#numbersearch").val("Search...");
        }
    });
});

いくつかのメモ: 入力タイプは「送信」ではなく「テキスト」である必要があり、各評価で val() を呼び出す必要があると想定しています。

于 2013-10-18T22:48:46.973 に答える
0

valueドキュメントがロードされたときに、一度だけ設定しています。さらに、に割り当てるとvalue、要素自体の値ではなく、文字列変数にのみ設定されます。

これを試して：

$(document).ready(function () {

    $("#numbersearch").focus(function () {
        if ($(this).val() === "Search...") {
            $(this).val("");
        }
    });

    $("#numbersearch").blur(function () {
        if ($(this).val() === "") {
            $(this).val("Search...");
        }
    });
});
于 2013-10-18T22:48:15.533 に答える