Javascript：使用 javascript 创建下拉列表时出现问题？

Question

我正在尝试使用 javascript 从覆盖层（div 元素）上的数组创建一个下拉列表。

在此示例中，

spcodelist = [u'CA125', u'HCM112', u'HCM147', u'HCM97', u'HKI128', u'HKI158', u'HKS161', u'HKS231', u'TKA230']

以下是相关的代码行：

var pcode_form = document.createElement('form');
div.appendChild(pcode_form);
var pcode_select = document.createElement('select');
pcode_form.appendChild(pcode_select);
var i = 0;
var spcodelist = document.getElementById('spcodelist').value;
spcodelist = spcodelist.replace("[","");
spcodelist = spcodelist.replace("]","");
var spcodearr = new Array();
spcodearr = spcodelist.split(', ');
for (i=0;i<=spcodearr.length;i++){
    spcodearr[i] = spcodearr[i].replace(/u'/g,"");
    spcodearr[i] = spcodearr[i].replace(/'/g,"");
    var pcode_option = document.createElement('option');
    pcode_option.text = spcodearr[i];
    pcode_option.value = spcodearr[i];
    pcode_select.appendChild(pcode_option);
}

使用此代码，下拉列表工作正常，但后面的代码将不再工作。我不知道有什么问题？我该如何解决？或者有什么更好的解决方案吗？非常感谢。

Answer 1

我不知道你做错了什么，但以下内容工作正常并且应该在任何浏览器中工作。我添加了一个删除按钮，以便您可以根据需要随时添加和删除选择。

<script type="text/javascript">

function addSelect(id) {

  var div = document.getElementById(id);
  var pcode_form = document.createElement('form');
  pcode_form.id = 'f0';
  div.appendChild(pcode_form);
  var pcode_select = document.createElement('select');
  pcode_form.appendChild(pcode_select);

  var spcodelist = document.getElementById('spcodelist').value;

  // Do replaces in one go
  spcodelist = spcodelist.replace(/[\[\]\'u ]/g,'');

  var spcodearr = spcodelist.split(',');

  for (var i=0, iLen=spcodearr.length; i<iLen; i++) {
    pcode_select.options[i] = new Option(spcodearr[i],spcodearr[i]);
  }
}

</script>

<button onclick="addSelect('d0');">Add select</button>
<button onclick="
  var el = document.getElementById('f0');
  el.parentNode.removeChild(el);
">Remove form</button>
<div id="d0"></div>

<textarea id="spcodelist" style="display:none">[u'CA125', u'HCM112', u'HCM147', u'HCM97', u'HKI128', u'HKI158', u'HKS161', u'HKS231', u'TKA230']</textarea>