jQuery添加的选项是HTML格式，但没有显示

Question

我有一个奇怪的问题。

我尝试使用jQuery动态构建select选项。首先，我尝试了许多方法.append（）。html（）等等，但没有任何工作。

然后我仔细看一下，看到该选项出现在HTML中但没有显示。

我不明白为什么，我搜索了类似的问题，但没有找到，所以我创建了这篇文章。

以下是信息：

我的选择是 - ＆gt;

<select id="select_critere" name="select_critere">
    <option value="0">0</option>
</select>

我的JS是 - ＆gt;

$(document).ready(function() {
$("#select_critere").append("<option value='1'>HeLLo</option>");
});

我的结果HTML是 - ＆gt;

只有一个选项显示 - ＆gt;

知道它可能是什么？有关我使用Smarty的信息，但在这种情况下没有与它进行交互。

Answer 1

将你的js重写为

 $("#select_critere").append(new Option("Hello", "1"));