文本框里的文字加下划线

bzhyan 2011-10-10 11:03:27

加精

文本框里的文字加下划线，
效果图：

每一个名称加下划线和分号，删除的时候是按每个名称删除，而不是一个字符一个字符地删。
如何实现，谢谢！！

...全文

9555 131 打赏收藏转发到动态举报

写回复

用AI写文章

131 条回复

切换为时间正序

请发表友善的回复…

发表回复

凤凰谷1 2013-10-22

打赏
举报

学习了，O(∩_∩)O谢谢！

baolong0000 2012-08-17

打赏
举报

soso
学习了！

q527719815 2012-06-08

打赏
举报

脑袋大了。。。

QQ22456577 2012-02-18

打赏
举报

有点意思

zyytysh 2011-10-19

打赏
举报

我也想知道，学习学习

牛军 2011-10-19

打赏
举报

不是很清楚，帮顶了！

han331835720han 2011-10-19

打赏
举报

拿分走人、、、大家发的那些都可以的、、多试下

只要一步就好了 2011-10-18

打赏
举报

同意，这样更简单

独孤名 2011-10-18

打赏
举报

看看！！！

纽约的风景看腻了 2011-10-18

打赏
举报

好学习学习

a-zhwang 2011-10-18

打赏
举报

HTML:
<div id="UserDiv" runat="server" class="test_box" contenteditable="true"></div>
<asp:HiddenField runat="server" ID="UserDataField" />

css:
.test_box p{margin:0;}
.test_box{width:300px; min-height:40px; _height:40px; max-height:100px; margin-left:auto; margin-right:auto; padding:3px; outline:0; border:1px solid #a0b3d6; font-size:12px; word-wrap:break-word; overflow-x:hidden; overflow-y:auto; _overflow-y:visible;}
.test_box:focus{-moz-box-shadow:0 0 6px rgba(0, 100, 255, .45); -webkit-box-shadow:0 0 6px rgba(0, 100, 255, .45); box-shadow:0 0 6px rgba(0, 100, 255, .45); border-color:#34538b;}

JS:
function CheckUser(e, divId, field, call) {
var div = document.getElementById(divId);
if (e != null) {
//enter
if (e.keyCode != 13) {
//backspace
if (e.keyCode == 8) {
var range = document.selection.createRange();
var child = range.parentElement();

var temp = child;
if (child.nodeName == "SPAN") {
while (temp.nodeName == "SPAN") {
child = temp;
temp = child.parentNode;
}
div.removeChild(child);
e.returnValue = false;
}

}
return;
}
}
var userData = div.innerText;
var ctx = new Object();
ctx.DIV = div;
ctx.Field = field;
eval(call.replace("%DATA%", userData));
if (e != null) {
e.returnValue = false;
}
}
function DoCheckUser(result, ctx) {
var div = ctx.DIV;
var users = JSON.parse(result);
for (var i = 0; i < div.childNodes.length; ) {
var child = div.childNodes[i];
div.removeChild(child);
}
for (var i = 0; i < users.length; i++) {
var user = users[i];

var d = document.createElement("span");
var span = document.createElement('span');
span.innerText = user.Name;

span.setAttribute("title", user.Display);
span.setAttribute("onmousedown", "SelectUser(this)");
if (user.Valid) {
span.className = "valid_span";
}
else {
span.className = "invalid_span";
}
d.appendChild(span);

span = document.createElement('span');
span.innerText = "; ";
d.appendChild(span);

div.appendChild(d);
}
}

后台实现：
OnLoad中添加事件：
this.UserDiv.Attributes.Add("onkeydown", "CheckUser(event, \"" + this.UserDiv.ClientID + "\", \"" + this.UserDataField.ClientID + "\", \"" + call + "\")");

同时实现ICallbackEventHandler事件，来检查输入的user

nettman 2011-10-17