表单内容追加~使用Jquery
需求,一个多行文本框!在输入内容后按回车后,另起一段!例如:今天,天气真好《《回车天气晴朗呀!!这样的内容在提交数据库后,在提取数据要显示的时候可以显示成例子的格式,我大...
需求,一个多行文本框!在输入内容后按回车后,另起一段!
例如:
今天,天气真好《《回车
天气晴朗呀!!
这样的内容在提交数据库后,在提取数据要显示的时候可以显示成例子的格式,我大概思路是在多行文本框内加上获取焦点事件,当按回车时给当前内容追加<br />    然后再输入,在追加!!麻烦代码详细点 展开
例如:
今天,天气真好《《回车
天气晴朗呀!!
这样的内容在提交数据库后,在提取数据要显示的时候可以显示成例子的格式,我大概思路是在多行文本框内加上获取焦点事件,当按回车时给当前内容追加<br />    然后再输入,在追加!!麻烦代码详细点 展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容格式化</title>
<script src="jquery.js"></script>
</head>
<body>
<textarea cols="50" rows="10" id="content"></textarea>
<input type="button" value="Format" onclick="format_content();"><br><br>
<input type="text" id="formated" size="200" />
</body>
<script>
function format_content(){
var content = $("#content").val();
var _content = '';
for(var i = 0; i < content.length; i++){
if(content[i] == '\n'){
_content += "<br>";
}else if(content[i] == ' ' || content[i] == ' '){
_content += " ";
}else{
_content += content[i];
}
}
$("#formated").val(_content);
}
</script>
</html>
直接复制另存为HTM即可运行,可替换回车以及半角和全角空格。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容格式化</title>
<script src="jquery.js"></script>
</head>
<body>
<textarea cols="50" rows="10" id="content"></textarea>
<input type="button" value="Format" onclick="format_content();"><br><br>
<input type="text" id="formated" size="200" />
</body>
<script>
function format_content(){
var content = $("#content").val();
var _content = '';
for(var i = 0; i < content.length; i++){
if(content[i] == '\n'){
_content += "<br>";
}else if(content[i] == ' ' || content[i] == ' '){
_content += " ";
}else{
_content += content[i];
}
}
$("#formated").val(_content);
}
</script>
</html>
直接复制另存为HTM即可运行,可替换回车以及半角和全角空格。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询