</select& gt;的JQuery .append标签被忽略 [英] JQuery .append of a </select> tag ignored

问题描述

我有以下HTML:

<div id='show-label'>
  <select id="comboboxShowLabel">
    <option value="">Hide or show labels?</option>
    <option value="Show Labels">Show Label</option> 
    <option value="Hide Labels">Hide Label</option>
  </select>
</div>

我想在运行时将<select></select>添加到父div ala:

I want to add the the <select></select> to the parent div at runtime, ala:

     <div id='show-label'>
     </div>

    $("#show-label").html("<select id='comboboxShowLabel'>")
        .append("<option value=''>Hide or show labels?</option>")
        .append("<option value='Show Labels'>Show Label</option>")
        .append("<option value='Hide Labels'>Hide Label</option>")
        .append("</select>");       

对于我不知道的共鸣，没有将结束标签插入页面.

For resons unknown to me, the closing tag isn't getting injected into the page.

我已经尝试了上面的代码以及类似的代码:

I've tried the code above as well as something like this:

.append("<option value='Hide Labels'>Hide Label</option></select>")

在将这些元素分批"成单个.append时是否存在某种排序要求?我想知道这种方法在加载到DOM时是否看起来格式不正确，因此被忽略了……

Is there some sort requirement around "batching" these elements into a single .append? I'm wondering if this approach doesn't seem well-formed when it's loading into the DOM, so it's ignored...

谢谢！

推荐答案

尝试一下:

$("#show-label").append(function() {
    return $("<select id='comboboxShowLabel'>")
        .append("<option value=''>Hide or show labels?</option>")
        .append("<option value='Show Labels'>Show Label</option>")
        .append("<option value='Hide Labels'>Hide Label</option>");
});

这篇关于</select& gt;的JQuery .append标签被忽略的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！