Question

我正在尝试使用jQuery读取XML文件，并尝试添加命名标记作为HTML页面中选择下拉列表的选项。

由于一些奇怪的原因，我无法将HTML添加到我的select元素中。

以下是我的Javascript：

 $.get("DeliveryCenter.xml", {}, function (xml) {
          myHTMLOutput = '';

          $('DC', xml).each(function (i) {
              DCName = $(this).find("name").text();
              DCvalue = $(this).find("value").text();
              mydata = BuildHTML(DCName, DCvalue);
              myHTMLOutput = myHTMLOutput + mydata;
          });
          //myHTMLOutput += '</select>';
          alert(myHTMLOutput);
          $("#chkDCXML").html(myHTMLOutput);
          alert($('#chkDCXML').html());
      });

这里BuildHTML成功返回选项html标签，该标签在alert(myHTMLOutput);

中被警告

但是我没有定义 alert($('#chkDCXML').html());

对我在这里做错了什么或遗失的任何帮助？

编辑：

构建HTML功能：

function BuildHTML(DCName, DCValue) {

          output = '';
          output += '<option value="' + DCValue + '">' + DCName + '</option>';
          return output;
      }

Answer 1

asprin在评论中指出，答案确实是.append（）

jsfiddle.net/5tkbd /

谢谢大家。

P.S。事实证明，我一直在动态构建Select并在其上应用bootstrap的multiselect。这改变了我元素的ID。现在修好了。

动态添加内部HTML

1 个答案: