0

これが私のコードです：

<a href="">Test 1</a> Clicking this will add "Thank you" to textarea<br/>
<a href="">Test 2</a> Clicking this will add "Good luck" to textarea<br/>

<textarea rows="5" cols="40" name="replycontent" id="replycontent">Hello World</textarea>

リンクをクリックして、テキストエリアの最後にテキストを挿入したい。したがって、Test 1リンクをクリックすると、挿入Thank youされます。ソリューションは、すべてのブラウザー (IE6 を除く) と互換性がある必要があります。

そして、ここにフィドルがあります。

4

3 に答える 3

3

属性 data-text fot link を設定して試してください：

<a href="" data-text="Thank you">Test 1</a> Clicking this will add "Thank you" to textarea<br/>
<a href="" data-text="Good luck">Test 2</a> Clicking this will add "Good luck" to textarea<br/>

<textarea rows="5" cols="40" name="replycontent" id="replycontent">Hello World</textarea>

JavaScript:

$("a[data-text]").click(function(){
  $("#replycontent").val($(this).attr("data-text"));
  return false;
})

http://jsfiddle.net/ZqJVN/

更新:

テキストエリアに追加する（テキストを置換しない）場合：

$("a[data-text]").click(function(){
   var value = $("#replycontent").val();
   $("#replycontent").val(value+$(this).attr("data-text"));
   return false;
 })

http://jsfiddle.net/Vxeye/

コメントによる更新:新しい行にテキストを貼り付けます: http://jsfiddle.net/hkEmn/

于 2013-04-21T16:28:00.410 に答える