如何在单击文本框时清除文本框
How to clear a text box when clicked on it?
我使用这个JS来清除文本框,当用户点击它,所以这工作得很好,并清除页面中的所有文本框,我想只清除搜索文本框搜索. .我该怎么做呢,其他文本框不应该被清除,只有这个搜索文本框应该被清除,当我点击它。
<script type="text/javascript">
$(function () {
$('input[type=text]').focus(function () {
$(this).val('')
});
});
</script>
还有一个问题
我有一个面板有几个文本框,我如何设置焦点在一个特定的文本框
<asp:TextBox ID="txt_Name" runat="server" />
通过ID或其他属性选择TextBox
。
<asp:TextBox id="txt_Search" runat="server" />
然后通过它的唯一客户端ID选择TextBox
。
$('#<%=(txt_Search.ClientID)%>').focus(function() { $(this).val(''); });
为明确值- $('#yourTextBox').val('');
For set focus - $('#yourTextBox').focus();
我认为使用id
值不是最好的主意,因为.net
可能会在运行时改变id
值
eg MainContent_txt_Name
你可以这样做
<asp:TextBox ID="txt_Name" CssClass="myText" runat="server" />
<script type="text/javascript">
$(document).ready(function () {
$('.myText').click(function() {
$(this).val('')
});
});
</script>
代替$('input[type=text]')
做$('search-box-id')
您所需要的就是为搜索框指定id,尝试检查您的元素,或者查看源代码以获得正确的id,因为id是由ASP生成的。. NET web表单,或者您可以添加自定义属性,如rel="search-box"
这是javascript
$(document).ready(function() {
//for id
$('#id_of_text_box').focus(function() { $(this).val(''););
//for rel attribute
$('input[rel="search-box"]').focus(function() {$(this).val(''););
});
我会使用HTML5的defaultvalue属性返回到这个jquery方法:
http://unwrongest.com/projects/defaultvalue/另一个选择,沿着一个稍微不同的路线,使用JQuery文本框水印组件。这已经被创建来做你所要求的,并将重新填充当他们点击离开文本框,但后端永远不会看到值。省去了你自己动手的麻烦!
http://code.google.com/p/jquery-watermark/相关文章:
- 清除数据并将旧值附加到文本框中
- 使用javascript清除Asp.NET FreeTextBox(RTF文本框)
- 清除MarkItUp中的文本区域
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 清除按钮提交后的文本区域
- 如何在OnPaste方法中清除文本区域
- 单击“img”源时,文本选择未清除
- 输入文本区域的清除按钮
- 清除画布形状中的文本
- 选中复选框时清除填充有datatime选取器数据的文本框
- 如何防止在进行选择时清除文本框
- 如何使用Javascript在按Backspace键时清除文本框
- 在文本框focusout事件的局部视图中清除表数据
- 如何从文本区域输入中清除文本
- 想要清除文本框+聚焦文本框+阻止asp.net在同一按钮上回发
- jQuery移动列表过滤:如何更改清除按钮文本
- 在追加时清除所有输入文本框值
- 我可以重置文本输入而不清除它吗
- 在发送之前,点击按钮清除多个输入[类型=文本]默认值
- 使用JavaScript清除IE11中的文本框选择