Javascript 将数据附加到<；脚本>；

我有时会吵架

<script id="SubRow10" type="text/template">
  <select id="SubSelect10" class="form-control" name="SubcategorySelect" required>
    <option value="m,2">Op1</option>
    <option value="m,3">Op2</option>
    <option value="m,5">Op3</option>
    <option value="m,6">Op4</option>
  </select>
</script>

它不起作用，但当我这样做时：

$('#SubRow10').append('<option value="m,8">Op5</option>');

$（'#SubRow10'）。追加（'Op5'）；

它可以工作，但不会将其添加到“选择”菜单

有人能把我引向正确的方向吗

---

这里有一个

问题可能是字符串“Op5”包含一个双引号，因此JavaScript将其视为函数的两个不同的单独参数。尝试对字符串中的双引号进行转义（改为使用

\”

），或使用单引号包装字符串，例如

$("#SubRow10").append('<option value="m,8">Op5</option>')

$（“#SubRow10”）.append（'Op5'）

执行以下操作：

var模板=$（'#SubRow10'）；
html（$（template.html（））.append（'Op5'）；
console.log（template.html（））；

Op1
凤凰社2
凤凰社3
Op4

我的错误是复制/粘贴代码时的错误。我已将您的代码复制到JSFIDLE中，它似乎可以正常工作。您是否可以尝试发布一个未按预期工作的示例？添加了一个JSFIDLE see main POSIT，它看起来将在

标记之外工作。您到底如何使用该模板？我不认为它是b更好的解决方案，因为它没有插入DOM，所以jQuery无法访问和操作它。请尝试使用CSS隐藏它。

$("#SubRow10").append('<option value="m,8">Op5</option>')