jquery填充选择列表

Question

我在我的htm文件中有这个

    <select id="SelItem">

    </select>

在我的javascript文件中，我有一个jquery的部分，我有以下

     var itemval= '<option value="OT">OT</option>';

     $("#SelItem").html(itemval);

以下不会用OT填充我的下拉列表吗？ 它不会填充下拉列表中的任何内容

Answer 1

您可能需要考虑使用append：

//Creates the item
var itemval= '<option value="OT">OT</option>';

//Appends it within your select element
$("#SelItem").append(itemval);​

Example

更新

正如js1568指出的那样 - 问题很可能源于在执行JS / jQuery代码时没有加载页面。您应该能够通过以下方式解决此问题：

$(document).ready(function()
{
    //Creates the item
    var itemval= '<option value="OT">OT</option>';

    //Appends it within your select element
    $("#SelItem").append(itemval);​
});

Answer 2

在运行此代码之前，您需要等到页面加载完毕。尝试将代码包装在$(document).ready()函数中。

Introducing $(document).ready()

Answer 3

问题在于调用jquery时，而不是它正在做什么。

$(document).ready(function() {
     var itemval= '<option value="OT">OT</option>';
     $("#SelItem").html(itemval);
});