使用链接将文本添加到输入框

时间:2014-01-25 10:20:14

标签: javascript jquery wordpress

我有一张代码和价格表。

“代码”设置为链接 -

码号

我有一个带有文本框的表单

当我们添加表格中的链接时,我希望将代码添加到输入字段中。

这实际上很有效:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('a').click(function(){
$('#text_tag_input').val($('#text_tag_input').val()+$(this).html()+', ');  
$('#code').val($('#code').val()+$(this).html()+', ');
});

});//]]>  

</script>

但我正在使用包含jquery 1.10.2和1.7.1的wordpress模板化网站的网站导致网站的某些“位”无法工作,因此需要使用“onClick”操作来处理1.10。 2 - 或任何其他解决方案.....

任何帮助表示赞赏

由于

2 个答案:

答案 0 :(得分:0)

尝试使用此事件

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

答案 1 :(得分:0)

您正在使用的jQuery版本没有问题。查看小提琴中的代码。尝试并更改jQuery的版本以查看结果。更多代码和问题示例可能会有所帮助...

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

http://jsfiddle.net/c6Q88/1/