需要在javascript中保留空格

Question

我有关于java脚本的查询。

我有一个addOptions函数

function addOption(selectbox,text,value )
{
    var optn = document.createElement("OPTION");    
    optn.textContent = text;
    optn.value = value;
    selectbox.options.add(optn);
}

其中参数“text”包含空格，当我执行optn.textContent = text;那些白色空间被截断了。我想保留那些空格，因为这是一个要求。我尝试使用optn.text = text;但也没工作我正在使用FF 3.6.25

有人可以帮忙吗

Answer 1

您是否尝试过设置innerHTML并将空格更改为不间断的空格：

optn.innerHTML = text.replace(/\s/g," ");

演示：http://jsfiddle.net/eNDKv/

Answer 2

optn.appendChild(document.createTextNode(text));

会奏效。

Answer 3

尝试以下方法：

function addOption(selectbox,text,value )
{    
    selectbox.add(new Option(text, value), null) //add new option to end of "sample"
}

以上内容适用于FireFox 12.0。