單擊時如何清除文本框？

Question

當用戶單擊它時，我正在使用此JS清除文本框，因此它可以正常工作並清除頁面中的所有文本框，我只想清除搜索文本框Search ..如何做到這一點，Other文本框當我單擊它時，不應清除它，並且僅應清除此搜索文本框。

  <script type="text/javascript">
        $(function () {

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

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

        });
    </script>

還有一個問題。

我的面板上有幾個文本框，如何將焦點設置在特定的文本框上

 <asp:TextBox ID="txt_Name" runat="server" />

Answer 1

只需通過其ID或其他屬性選擇TextBox

例如

<asp:TextBox id="txt_Search" runat="server" />

然后通過其唯一的客戶端ID選擇TextBox 。

$('#<%=(txt_Search.ClientID)%>').focus(function() { $(this).val(''); });

Answer 2

為了獲得明確的價值- $('#yourTextBox').val('');

對於設置焦點- $('#yourTextBox').focus();

Answer 3

我認為使用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>

Answer 4

代替$('input[type=text]')做$('search-box-id')

Answer 5

您所需要做的就是為搜索框指定ID，嘗試檢查元素或查看源代碼以獲得正確的ID，因為ID是由ASP.NET Web表單生成的，或者您可以添加自定義屬性，例如rel =“ search -框”

所以這是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(''););
});

Answer 6

我會使用HTML5的defaultvalue屬性回溯到這種jquery方法：

http://unwrongest.com/projects/defaultvalue/

Answer 7

另一種選擇是，使用一條略微不同的路線，即使用JQuery文本框水印組件。 已經創建了它來完成您的要求，當他們單擊文本框時將重新填充，但是后端將永遠看不到該值。 節省您做自己的麻煩！

http://code.google.com/p/jquery-watermark/