Javascript str_replace not working

尝试在javascript中做一个简单的str_replace()，我似乎无法弄清楚为什么它不工作。我正在制作一个表单，在注册用户可以选择一个国家，它自动加载正确的国旗为那个国家。一切都很正常，直到您选择一个名称中有空格的国家。标志图像使用-来代替空格。帮助…

Javascript代码:

$flagimg = '<img id="current_flag" name="current_flag" src="images/icons/flags/United-States.png" width="20px" />';
<script type="text/javascript">
function LoadFlag(FlagName) {
    var oFlag = window.document.getElementById("country");
    var sFlagImg = oFlag.options[oFlag.selectedIndex].value;
    window.document.getElementById(FlagName).src = "images/icons/flags/" + sFlagImg + ".png";
}
</script>

<select id="country" name="country" onchange="javascript: LoadFlag('current_flag');"><?php echo getCountries(); ?></select>&nbsp; <?php echo $flagimg; ?>

我把str_replace()放在哪里?

我试着:

window.document.getElementById(FlagName).src = "images/icons/flags/" + str_replace(' ', '-', sFlagImg) + ".png";

不工作

形象的名字:

United-States.png
United-Kingdom.png

选择框选项值:

United States
United Kingdom