Javascript 使用链接将内容添加到输入框

使用链接用链接内容填充输入文本框的最简单方法是什么

我有这些链接-很少有像这样的

<a href="javascript:;" title="Add Code to quick Quote Form">P3030-6</a>
<a href="javascript:;" title="Add Code to quick Quote Form">P3030-6</a>

此文本框

<input type="text" name="code" value="" size="40" class="wpcf7-form-control wpcf7-text sidebarInput" id="code" aria-invalid="false">

当有人点击链接时，我希望将P3030-6等添加到文本框中

我有一个使用jQuery1.7的很好的小脚本，但是我的站点需要1.10.2，添加1.7脚本停止了站点的一些功能

任何关于最佳流程的想法都深受欢迎

---

谢谢

好吧，你可以在链接上添加一个类

<a href="" class="forinput" title="Add Code to quick Quote Form">P3030-6</a>

看

编辑

加

$('.forinput').click(function(e) {
    e.preventDefault();
    var $code = $('code');
    $code.val($code.val() + $(this).text());
});

看

这应该是在每个环节。或者你可以通过Javascript系统性地完成，但有人已经这么做了，所以我会变得与众不同

onclick="var code = document.getElementById('code');code.value=(code.value.indexOf(this.innerHTML) < 0) ? code.value + ', ' + this.innerHTML : code.value;return false;"

onclick=“var code=document.getElementById（'code'）；code.value=（code.value.indexOf（this.innerHTML）<0）？code.value+，'+this.innerHTML:code.value；返回false；”

你可以用各种方法来做。这取决于锚定标签的位置。可以通过其父元素获取锚定标记。（例如，我使用了类内容为父的div）

演示：

如果要添加所有锚定单击的文本：
演示： 然后替换

$('#code').val($(this).text());

借

如果不希望重复值，请执行以下操作：

演示：

您可以这样添加

，

：

---

})

效果很好-有没有一种方法可以添加到文本中而不是替换文本？你是说添加吗？是的，如果他们单击多个文本框，它们都会添加到文本框中，即P3030-61、P3030-62对不起……在jsfiddle上有效，但在我的网站上无效。网站上唯一有效的选项是添加href=”“onclick=“document.getElementById（'code'）。value=this.innerHTML；return false；”到所有链接……是的-那一个适合我……。如何添加内容而不是替换内容？这似乎是我网站的最佳选项，我已经设法让ot添加了以下附加项-是否有可能避免重复：是的，这可以通过我刚刚添加到我的帖子中的代码来实现。它将添加一个逗号，然后添加链接文本，如果它不在那里，则不添加任何内容。@user1088207:您应该学习jquery的基本知识。你应该在这里问一个具体的问题。你知道什么是jquery吗？我不这么认为。如果你遇到任何特殊的问题，请尽自己的努力，然后这样问。不-否则我不会在论坛上发布问题寻求帮助……我是一名php程序员，还没有时间好好看看jquery……如果你不想帮忙，为什么要回复？@user1088207我不知道他为什么回复我的答案，但看看我的编辑和你你要什么就有什么。如果您真的不想要jQuery，那么这里就不需要jQuery。

onclick="var code = document.getElementById('code');code.value=(code.value.indexOf(this.innerHTML) < 0) ? code.value + ', ' + this.innerHTML : code.value;return false;"

<div class="content">
  <a href="javascript:;" title="Add Code to quick Quote Form">P3030-61</a>
  <a href="javascript:;" title="Add Code to quick Quote Form">P3030-62</a>

   <input type="text" name="code" value="" size="40" class="wpcf7-form-control wpcf7-text sidebarInput" id="code" aria-invalid="false">

</div>

$(".content a").click(function(e){
     e.preventDefault();
     $('#code').val($(this).text());
     console.log("fddsf");
    })

$('#code').val($(this).text());

$('#code').val($('#code').val()+$(this).text());

$(".content a").click(function(e){
     e.preventDefault();
    var out = $('#code').val();
    if(out.indexOf($(this).text()) == -1) {
      $('#code').val(out+$(this).text());
    }
  })

$(".content a").click(function(e){
 e.preventDefault();
var out = $('#code').val();
if(out.indexOf($(this).text()) == -1) {
    out = out == '' ? out: out+',';
  $('#code').val(out+$(this).text());
}