asp.net一个多行的TextBox当动态添加内容时怎么让它显示到最后 5
我的意思是,当文本框里的文字多的时候,右侧的滚动天默认是在上面的,怎么让他每次添加了新信息,让他的滚动条,到下面,也就是,显示,新加的信息。。。。...
我的意思是,当文本框里的文字多的时候,右侧的滚动天默认是在上面的,怎么让他每次添加了新信息,让他的滚动条,到下面,也就是,显示,新加的信息。。。。
展开
5个回答
展开全部
页面代码:
<html xmlns="" >
<head id="Head1" runat="server">
<title>无标题页</title>
<script type="text/javascript">
function AddInputArea()
{
var div = document.createElement("<div>");
div.innerHTML = "<table><tr><td>材料名称</td><td><input type='text' name='inputName' /></td></tr><tr><td>材料数量</td><td><input type='text' name='inputSum' /></td></tr></table>";
document.getElementById("Content").appendChild(div);
}
function GetAddInput()
{
var names = document.getElementsByName("inputName");
if(names.length == 0)
{
alert("没有可用的信息!");
return false;
}
genders = document.getElementsByName("inputSum");
for(var i = 0;i < names.length; i ++)
{
document.getElementById("names").value += names[i].value + ",";
document.getElementById("sums").value += genders[i].value + ",";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="Content"> </div>
<asp:HiddenField ID="names" runat="server" />
<asp:HiddenField ID="sums" runat="server" />
<input type="button" value="增加" onclick="AddInputArea()" />
<asp:Button ID="btnConfirm" runat="server" Text="提交" OnClientClick="return GetAddInput()" onclick="btnConfirm_Click" />
</form>
</body>
</html>
后台代码:
protected void btnConfirm_Click(object sender, EventArgs e)
{
string[] inputNames = names.Value.TrimEnd(',').Split(',');
string[] inputSum = sums.Value.TrimEnd(',').Split(','); //这两个数组就是输入的值了
for (int i = 0; i < inputNames.Length; i++)
{
Response.Write(inputNames[i]);//循环获得的每一个材料名称
Response.Write(",");
Response.Write(inputSum[i]);//循环获得的每一个数量
Response.Write("</br>"); //改成写入数据库就行了
}
}
追问
我的意思是,当文本框里的文字多的时候,右侧的滚动天默认是在上面的,怎么让他每次添加了新信息,让他的滚动条,到下面,也就是,显示,新加的信息。。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
文本框或文本域的文本不能从最后显示,因为根本不知道你要输入多少东西,单行右对齐倒是可以,如果想做的话倒是可以做一个模拟的效果
参考:<table cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="text" onkeyup="return txtChange(this);" style="width: 200px; border-bottom: none;" />
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txt" runat="server" Style="text-align: right; height: 16px; width: 200px; border-top: none; overflow: hidden;" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
</table>
<script type="text/javascript">
function txtChange(txt) {
var txtValue = document.getElementById("txt");
txtValue.value = txtValue.value + txt.value;
var length = txtValue.value.getBytes();
var hei = Math.ceil(length / 25);
txtValue.style.height = hei * 16;
txt.value = "";
}
String.prototype.getBytes = function() {
var cArr = this.match(/[^\x00-\xff]/ig);
return this.length + (cArr == null ? 0 : cArr.length);
}
</script>
参考:<table cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="text" onkeyup="return txtChange(this);" style="width: 200px; border-bottom: none;" />
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txt" runat="server" Style="text-align: right; height: 16px; width: 200px; border-top: none; overflow: hidden;" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
</table>
<script type="text/javascript">
function txtChange(txt) {
var txtValue = document.getElementById("txt");
txtValue.value = txtValue.value + txt.value;
var length = txtValue.value.getBytes();
var hei = Math.ceil(length / 25);
txtValue.style.height = hei * 16;
txt.value = "";
}
String.prototype.getBytes = function() {
var cArr = this.match(/[^\x00-\xff]/ig);
return this.length + (cArr == null ? 0 : cArr.length);
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
eg: 这个Textbox的ID是 text1
string str= text1.text;
str=str+"添加的内容";
text1.text=str;
string str= text1.text;
str=str+"添加的内容";
text1.text=str;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
string str=textBox1.Text;
str.Append("你想要追加的内容");
str.Append("你想要追加的内容");
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询