自动完成小部件 (jQuery UI) - 为什么换行？

Question

我在使用自动完成小部件时遇到一些问题。当您选择一个选项时，项目值的前缀是换行符和一些空格。结果如下：

Object { label="\n                     bedroom", value="\n                    bedroom"}

我不知道为什么会发生这种情况，也许这是我设置数组以从中获取值的方式？这是我的代码：

$("#step2").show(0, function() {
                /*tags auto-complete*/        
                var tags = $('span', $('#liTags')).text();
                var availableTags = tags.split(' ;');
                $(".liTagInput").autocomplete({ 
                    minLength: 2,
                    source: availableTags,
                    select: function(event, ui) {
                        var value = ui.item;
                        console.log(value);
                        console.log(jQuery.inArray(value, availableTags));
                        if(jQuery.inArray(value, availableTags) >= 0) 
                            $(this).val('');
                    } 
                });

            });

如果您想知道我在这里要做什么（由于换行符，我尚未测试），我将从 HTML 端的 span 元素获取标签，然后拆分这些标签到一个数组（availableTags）中。

然后我想要发生的是，一旦用户在文本框中输入一些内容，如果它不是他/她从自动完成菜单中选择的内容，那么文本字段的值应该被清除（我也可能会显示他们会收到一个警告，告诉他们从菜单中进行选择，但我们现在先保留它）。

有什么想法吗？

Answer 1

为什么不使用

string.replace(/\s/g, "");

replace() 来删除空格方法。

要删除所有换行符，请使用

string.replace(/(\r\n|\n|\r)/gm,"");

---

这里： http://jsfiddle.net/tjfmp/

Answer 2

string.trim() 就是为此目的而设计的。