欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

[JQ]如何点击文字直接在textarea显示对应文字 快捷留言

(元素模板) / 2017-12-28 14:39
如何点击对应内容直接在textarea留言框里显示对应内容?增加用户体验
元素模板站长为您解答:

首先载入JQ库
然后 HTML代码

<textarea name='nr' id='nr' ></textarea>

<p class="wzlb">
<li>元素模板</li>
<li>YS720.COM</li>
<li>网站模板</li>
<li>织梦模板</li>
<li>企业网站</li>
</p>


上面红色部分是必须的,对应的是JS,如果懂JS代码可以自己修改
最后加入JS代码
 

$(function(){
    $(".wzlb li").click(function() {
    
 var text=$(this).html();
$('#nr').val(text);
 
    })
})

是不是很简单,简单几句就可以完成,不用再去找什么JQ插件,太臃肿
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com