ASP.NET [基礎控制項] TextBox
筆記一下自己常用的控制項
1.Server端取得與設定使用者輸入的文字，
點擊 Button1為取得輸入的文字，
點擊Button2為設定文字到TextBox中。
TextBox.aspx
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /><br />
<asp:Button ID="Button1" runat="server" Text="GetValue" OnClick="Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="SetValue" OnClick="Button2_Click" />
</div>
</form>TextBox.cs
// GetValue
protected void Button1_Click(object sender, EventArgs e)
{
if (!String.IsNullOrEmpty(TextBox1.Text))
Response.Write("您所輸入的文字是: " + TextBox1.Text);
}
// SetValue
protected void Button2_Click(object sender, EventArgs e)
{
TextBox1.Text = "TextBox1的文字，重新設定";
}
2.使用JavaScript來取得與設定文字，(畫面的部分同上)
點擊 Button3為取得輸入的文字，
點擊Button4為設定文字到TextBox中。
JavaScript的部分
<script>
$(function () {
// JavaScript GetValue
$('#Button3').click(function () {
var value = document.getElementById('<%=TextBox1.UniqueID%>').value;
if (value.length > 0) alert(value);
});
// JavaScript SetValue
$('#Button4').click(function () {
var txt1 = document.getElementById('<%=TextBox1.UniqueID%>');
var txt1String = prompt('請輸入TextBox1的文字', '');
txt1.value = txt1String;
});
});
</script>
3.使用JQuery來取得與設定文字，(畫面的部分同上)
點擊 Button5為取得輸入的文字，
點擊Button6為設定文字到TextBox中。
JQuery的部分
<script>
$(function () {
// JQuery GetValue
$('#Button5').click(function () {
var value = $('#<%=TextBox1.UniqueID%>').val();
if (value.length > 0) alert(value);
});
// JQuery SetValue
$('#Button6').click(function () {
var txt1String = prompt('請輸入TextBox1的文字', '');
if (txt1String.length > 0) $('#<%=TextBox1.UniqueID%>').val(txt1String);
});
});
</script>
以上作個筆記，方便自己以後如果忘了，可以查看@@"
程式碼下載：