2010-07-01 85 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.