javascript - jQuery - 替换所有选项名称中的空格

Question

我有一个返回的 JSON 字符串，我已将其解析并放入数组中，然后格式化以放入选择下拉列表中:

   function populateGroups(){
        var categories = '';
        for( category in gCategories ){
            categories += '<option name="' + gCategories[category] + '">' + gCategories[category] + '</option>';
            categories.replace(' ', '_');
        }
        $('select[name="category"]').html(categories);    
    }

我遇到的问题是选项名称(与值相同)包含空格，我需要将其替换为有效的内容，例如下划线“_”。

这就是为什么我尝试执行categories.replace(' ', '_');我也尝试过使用正则表达式来做到这一点，尽管我的正则表达式不是很好:P

关于如何做到这一点有什么想法吗？

谢谢!

[注意]这是 JSFiddle :http://jsfiddle.net/pKYr4/

Answer 1

如果将字符串传递给replace ，它仅替换第一次出现的情况。

您应该使用.replace(/ /g, '_')反而。 g 标志代表全局。

我想您不想在标记字符串上运行它，而只想在类别上运行它，否则您将拥有 <option_name=...

可能是这样的:

    for (category in gCategories ) {
        var noSpaceCategory = gCategories[category].replace(/ /g, '_');
        categories += '<option name="' + noSpaceCategory + '">' + gCategories[category] + '</option>';
    }