Javascript到Jquery，在输入onclick中添加文本

如何将此javascript代码更改为JQuery。

 function addTextTag(text){ document.getElementById('text_tag_input').value += text; }  

当用户单击链接文本时，会自动添加输入。

这是HTML：

  
 text1 text2 text3  

这是演示： http ： //jsfiddle.net/Smartik/j8qGT/

Answer 1

和你的标记：

  
 text1 text2 text3  

这是一个现场演示 。

Answer 2

没有内联javascript，完全是jQuery： http ： //jsfiddle.net/j8qGT/3/

JavaScript的：

 $('a').click(function(){ $('#text_tag_input').val($('#text_tag_input').val()+$(this).html()+', '); });​ 

HTML：

  
 text1 text2 text3 
​ 

Answer 3

关于步骤的一些注意事项：

• 选择已经设置值的输入，这样就可以避免需要一直重新查询它： var $tagsInput = $('#text_tag_input'); 。 散列标记选择器（如果jQuery中的ID选择器）替换document.getElementById

• 使用.click（）为一个click事件绑定一个带有“tags_select”类的元素内的链接：`$（’。tags_select a’）。click（…）;“

• 要附加值，而不是使用jquery方法来获取和设置输入的值，请在$tagsInput使用[0]获取本机DOM元素，并使用属性value的+=表示法。

这是代码：

 // select already you input element for re-use var $tagsInput = $('#text_tag_input'); // bind a click event to links within ".tags-select" element $('.tags_select a').click(function() { // append link text to the input field value $tagsInput[0].value += $(this).text(); return false; }); 

DEMO

进一步阅读：

• jQuery选择器
• 使用.click（）绑定点击事件