35

placeholderjQueryを使用してテキストフィールドのHTML5属性を動的に更新しようとしています。

$("textarea").attr("placeholder", "New placeholder text");

Firebugから、placeholder属性が実際に変更されていることがわかります。ただし、レンダリングされたtextarea要素では、同じままです。助言がありますか？

4

6 に答える 6

51

これを試して ：

$('#inputTextID').attr("placeholder","placeholder text");
于 2012-10-25T12:22:09.697 に答える
18

私はあなたがそれをしなければならないと思います：

$("textarea").val('');
$("textarea").attr("placeholder", "New placeholder text");
于 2013-03-06T16:30:37.040 に答える
16

Firebug を使用している場合は、Firefox を使用していると推測できますが、Firefox はplaceholder入力フィールド自体の属性をまだサポートしていません。

プレースホルダー機能の検出

Chrome for Mac を試してみたところ、テキストエリアのプレースホルダー テキストがサポートされています (および JavaScript による変更)。

2015 更新: この回答で評判を得ることもあります。そのため、当時 Firefox 3.6 はプレースホルダー属性をサポートしていなかったため、これが正しいと認められたことを明確にしたいと思います。その後、リリース 4 でサポートが追加されたので (「問題を修正」するのは公平ではなかったでしょう)、それ以降、OP のコードは期待どおりに機能します。

于 2010-10-12T22:15:41.363 に答える
3 
<label for="myname">Name *</label>
<input type="text" name="myname" id="myname" title="Please enter your name"
       pattern="[A-Za-z ]+, [A-Za-z ]+"
       autofocus required placeholder="Last, First" />

次に、プレースホルダーを選択し、そのテキストをnew text that you want to enter.

$("input[placeholder]").attr("placeholder", "This is new text");

Last, Firstこれはtoのテキストを置き換えますThis is new text。

于 2014-09-15T17:53:02.107 に答える
2

Javascript と Jquery を使用した動的プレースホルダーの実例 http://jsfiddle.net/ogk2L14n/1/

<input type="text" id="textbox">
 <select id="selection" onchange="changeplh()">
     <option>one</option>
     <option>two</option>
     <option>three</option>
    </select>

function changeplh(){
    debugger;
 var sel = document.getElementById("selection");
    var textbx = document.getElementById("textbox");
    var indexe = sel.selectedIndex;

    if(indexe == 0) { 
     $("#textbox").attr("placeholder", "age");

}
       if(indexe == 1) { 
     $("#textbox").attr("placeholder", "name");
}
}
于 2015-01-13T08:40:51.720 に答える