2012-04-03 118 views
9

我有這個在我的htm文件jQuery的填充select列表

<select id="SelItem"> 

    </select> 

在我的JavaScript文件我有jQuery的一個部分,我有以下

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

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

豈不以下填充我降加OT? 它不會在下拉填充任何物體按下

+2

[看起來不錯](http://jsfiddle.net/mattball/zGFek/)你在DOM上運行代碼準備好了嗎? – 2012-04-03 17:54:16

+1

你在頁面上加入了「jQuery」嗎? – ShankarSangoli 2012-04-03 17:56:49

回答

14

你可能要考慮使用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);​ 
}); 
+3

如果OP中的代碼不工作,是什麼讓你認爲這個代碼會? – 2012-04-03 17:55:09

+0

@MÄDIR - 我正在提供一個替代選項和一個工作示例。看起來這個問題很可能直接關係到JS何時被調用,就像js1568指出的那樣。 – 2012-04-03 17:57:42

0

的問題是,當jQuery是叫的,而不是它的做。

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