用jquery都有点难实现的js效果
时间：2009-06-17
来源：互联网
用到了jquery1.32的库。
页面上有一个悬浮的div层(id为divTips)，里面有各种自定义的标签，如[user.country],[user.state],[user.city]等
客户在textarea(id为content)里可以手写输入文字，还可以从悬浮的层中，选择标签插入。
例如客户现在在文本框里输入了下面文字：
"本人XXX1,出生的省份XXX2,出生的城市XXX3。手机号码XXX4，家庭电话XXX5"
XXX的位置，需要选择标签插入进去文本框。最后文本框里显示下面的文字：
“本人[user.name],出生的省份[user.state],出生的城市[user.city]。手机号码[user.mobile]，家庭电话[user.hometel]”
1 选择器怎么获得span里面的值，
2 当客户点鼠标，光标在XXX3的位置时，浮动层里的标签怎么插到XXX3的位置去，而不是在XXX5以后追加
ps：tipsRow这个table下面的td,span是服务器控件生成的，我也不想td下面再嵌套span的。
<html>
<head>
<script type="text/javascript">
$("#tipsRow td span").click( function() {
var clickValue = $("#tipsRow td span).val();
$("textarea[id$='content']").val(clickValue);
});
</script>
</head>
<body>
<div id="divTips">
<table id="tipsRow">
<tbody>
<tr>
<td>国家</td>
<td><span id="country">[user.country]</span></td>
<td>省份</td>
<td><span id="state">[user.state]</span></td>
<td>城市</td>
<td><span id="city">[user.city]</span></td>
<td>手机号码</td>
<td><span id="city">[user.mobile]</span></td>
<td>家庭电话</td>
<td><span id="city">[user.hometel]</span></td>
</tr>
</tbody>
</table>
</div>
<div id="tips">
<textarea id="content">本人,出生的省份,出生的城市。手机号码，家庭电话</textarea>
</div>
</body>
</html>
页面上有一个悬浮的div层(id为divTips)，里面有各种自定义的标签，如[user.country],[user.state],[user.city]等
客户在textarea(id为content)里可以手写输入文字，还可以从悬浮的层中，选择标签插入。
例如客户现在在文本框里输入了下面文字：
"本人XXX1,出生的省份XXX2,出生的城市XXX3。手机号码XXX4，家庭电话XXX5"
XXX的位置，需要选择标签插入进去文本框。最后文本框里显示下面的文字：
“本人[user.name],出生的省份[user.state],出生的城市[user.city]。手机号码[user.mobile]，家庭电话[user.hometel]”
1 选择器怎么获得span里面的值，
2 当客户点鼠标，光标在XXX3的位置时，浮动层里的标签怎么插到XXX3的位置去，而不是在XXX5以后追加
ps：tipsRow这个table下面的td,span是服务器控件生成的，我也不想td下面再嵌套span的。
<html>
<head>
<script type="text/javascript">
$("#tipsRow td span").click( function() {
var clickValue = $("#tipsRow td span).val();
$("textarea[id$='content']").val(clickValue);
});
</script>
</head>
<body>
<div id="divTips">
<table id="tipsRow">
<tbody>
<tr>
<td>国家</td>
<td><span id="country">[user.country]</span></td>
<td>省份</td>
<td><span id="state">[user.state]</span></td>
<td>城市</td>
<td><span id="city">[user.city]</span></td>
<td>手机号码</td>
<td><span id="city">[user.mobile]</span></td>
<td>家庭电话</td>
<td><span id="city">[user.hometel]</span></td>
</tr>
</tbody>
</table>
</div>
<div id="tips">
<textarea id="content">本人,出生的省份,出生的城市。手机号码，家庭电话</textarea>
</div>
</body>
</html>
作者: averting 发布时间: 2009-06-17
1 选择器怎么获得span里面的值
text()函数
2 当客户点鼠标，光标在XXX3的位置时，浮动层里的标签怎么插到XXX3的位置去，而不是在XXX5以后追加
你先按这篇文章的方法获取光标位置：
http://blog.fesite.com/2008/03/06/javascript-textarea/
然后用val()取出textarea的值，自己插入一下（就是字符串处理），最后再用val()设置回去
text()函数
2 当客户点鼠标，光标在XXX3的位置时，浮动层里的标签怎么插到XXX3的位置去，而不是在XXX5以后追加
你先按这篇文章的方法获取光标位置：
http://blog.fesite.com/2008/03/06/javascript-textarea/
然后用val()取出textarea的值，自己插入一下（就是字符串处理），最后再用val()设置回去
作者: keakon 发布时间: 2009-06-18
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
