6

入力に基づいて要素のテキストを変更しています:

$("input#txtName").keyup(function(){
      $(".website-info h3 strong").text($(this).val());
    });
$("input#txtUrl").keyup(function(){
      $(".website-info h3 small").text($(this).val());
    });

それは機能しますが、テキストが空になるか、空白を防ぐためにユーザーが何も入力しないとすぐにデフォルト値を表示したいと思います。if... is.(:empty)条件を試しましたが、.textデフォルト値が設定されていないようです。

4

3 に答える 3

7

これを行うための簡潔でかなり標準的な方法は、||演算子を使用することです。

$("input#txtName").keyup(function(){
      $(".website-info h3 strong").text($(this).val() || "Default text");
    });
于 2013-03-27T21:15:40.703 に答える
1

placeholderinput 要素の HTML 属性の使用を検討してください。HTML で属性を設定する

<input type="text" id="txtName" placeholder="default text here" />

または、ページの読み込み後に jQuery を使用する

$("input#txtName").attr("placeholder", "default text here");

要素の MDN ページは次のとおりです。<input>

于 2013-03-27T21:28:36.550 に答える
0

両方のテキスト割り当てを次の変形に変更します。

$(".website-info h3 small").text(($(this).val().length) ? $(this).val() : "Your default value here");

ユーザーが空白を入力した場合、これはデフォルト値をスローしないことに注意してください。これを行う場合は、それに応じて三項演算子を編集する必要があります。

于 2013-03-27T21:17:47.613 に答える