2010-07-01 79 views
0

我的目標是有一個文本框, 1)在文本框中已經寫好域。 2)當我在文本框中輸入一些文本域應附加到它像jquery自動附加文本

域= abc.com

文本寫入= C://的Inetpub/CMS/

文本框應具有c://inetpub/cms/abc.com,附帶abc.com自動添加。 abc.com不應該是可編輯的

回答

1

您應該將onchange事件處理程序附加到文本框。然後比較最後七個字符,如果它們不是「abc.com」,則在末尾添加該字符串。

$('#textbox').change(function() { 
    if ($(this).val().substr(-7, 7) != 'abc.com') { 
     $(this).val($(this).val() + 'abc.com'); 
    } 
}); 

編輯:可能onchange事件可能會干擾用戶輸入。在這種情況下,使用blur()事件。另外,如果'abc.com'字符串的長度可能不同,您可以將'abc.com'保存在變量中,並使用(-variable.length,variable.length)選擇子字符串。

如果您不希望用戶能夠編輯'abc.com'部分,請在focus()事件中將其刪除,然後將其重新添加到blur()事件中。

1

在我看來,你想設計這個文本框像facebook文本框。

下面是一些關於它的鏈接

http://www.rorcraft.com/2008/8/13/the-facebook-autocomplete-address-to-field

http://wharsojo.wordpress.com/2008/02/18/jquery-facebook-autocomplete

http://github.com/loopj/jQuery-Tokenizing-Autocomplete-Plugin/

而且你開發你這樣的代碼。你在你的javascript代碼中定義一個變量。它的第一個值是0.如果文本框追加str,則用1更改變量。在textboxChange函數中,檢查firslty變量是0還是1.