使用javascript修剪额外的空间

Question

我正在使用PHP整洁，它会自动缩进标记，添加标签和空格。请看一下这个。

http://jsfiddle.net/njh85/

我有两个问题：

• 如何从选定的选项中删除这些额外的空格（原因是PHP整齐的库：增加额外的空间来缩进标记。但是我无法将其关闭，所以我正在搜索一些JS解决方案来修剪文本）

• 如何使“选择一个”充当HTML5占位符？

Answer 1

如何使用$.trim：

FIDDLE

Answer 2

您正在获取空格，因为您的选项'文本位于HTML中的单独行中并带有缩进。您可以先删除它们：

$("#users option").text(function(i, text) {
    return $.trim(text);
});

对于占位符，请使用.attr("placeholder", ...)代替.val(...)：

input = $( "<input>" )
    .appendTo( wrapper )
    .attr( "placeholder", value )

http://jsfiddle.net/njh85/6/

Answer 3

从JavaScript 1.8.1（ES5）开始，您可以使用普通string.trim()

var orig = "   foo  ";
alert( orig.trim() );

// "foo"

Answer 4

看看@ http://api.jquery.com/jQuery.trim/

Answer 5

修剪字符串的左右空格

string.replace(/^\s\s*/, '').replace(/\s\s*$/, '');

关于占位符，您可以尝试jQuery-Placeholder