javascript - javascript からの間違った html 出力

Question

選択ボックスに多数のオプションを入力するためのスクリプトを作成しました。

最初は、data「key=value;key2=value2;etc...」という形式の文字列の形式です。

//split the string to distinguish between different options to populate a selectbox with
var values = data.split(';');
//reset the length of the selectbox to be populated
document.getElementById(child).options.length = 0;
//create first default option
document.getElementById(child).options[0] = new Option('all', '0');
for(var i = 0; i < values.length; i++){
    //check for and remove unnecessary characters
    values[i].replace(/\s+/g, '');
    //split the option to get the key and value separately
    var options = values[i].split('=');
    if(!isEmpty(options[0]) && !isEmpty(options[1])){
        //insert a new element to the selectbox
        document.getElementById(child).options[i+1] = new Option(options[1], options[0]);
    }
}

上記の例では、指定された html 出力を選択ボックスに取り込みます。

<option value="0">all</option>
<option value=" 
7">Bermuda</option>
<option value="10">British Virgin Islands</option>
<option value="15">Cayman Islands</option>
<option value="42">Jamaica</option>
<option value="74">St. Lucia</option>
<option value="79">Trinidad Tobago</option>

上記のように、選択ボックスの 2 番目のオプションの文字列値が破損しています。そのケーキのためにこの値を適切に保存できないため、その値を修正する必要があります。

他にご不明な点がございましたら、お尋ねください。