Question

<asp:TextBox ID="Txt_search" runat="server">Group Name..</asp:TextBox>

当用户在文本框内单击以输入要搜索的关键字时，我想清除文本框内的文本。我该怎么做？

Answer 1

使用jquery：

$(function() {

    $('input[type=text]').focus(function() {

           $(this).val('');
      });

 });

来自：How to clear a textbox onfocus?

Answer 2

以下脚本处理onfocus和onblur事件，在关注时删除默认"Group Name.."，如果用户离开字段而不更改任何内容，则将其添加回来。

<script type="text/javascript">
  var txtsearch = document.getElementById("Txt_search");
  txtsearch.onfocus = function () {
    if (this.value == "Group Name..") {
      this.value = "";
    }
  };

  txtsearch.onblur = function () {
    if (this.value.length == 0) {
      this.value = "Group Name...";
    }
  }
</script>

Answer 3

使用jquery清除焦点上的文本框并将其设置为默认模糊

$(document).ready(function(){
  $('#<%=Txt_search.ClientID%>')
    .focus(function(){  
      if($(this).val()=='Group Name..')
      {
         $(this).val('');
      }
  })
   .blur(function () {
            if ($(this).val() == '') {
                $(this).val('Group Name..');
            }
        });
});

<强> Demo

Answer 4

我想你可以使用类似下面的jQuery轻松地做到这一点。

    $('#<%=Txt_search.ClientID%>').click(function() {
         $(this).val("");
    });

Answer 5

由于您使用的是asp.net webforms，我认为您最好使用AjaxControlToolkit特别是TextBoxWaterMarkExtender控件。

请参阅下面的示例代码。

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                <asp:TextBoxWatermarkExtender ID="TextBox1_TextBoxWatermarkExtender" 
                    runat="server" Enabled="True" TargetControlID="TextBox1" 
                    WatermarkText="Group Name ...">
                </asp:TextBoxWatermarkExtender>

如何在用户单击其中时清除文本框值

5 个答案: