JQuery - 無法動態添加SELECT選項

我有一個將OPTIONS動態添加到SELECT標籤的問題。JQuery - 無法動態添加SELECT選項

這裏是我的Job.html代碼：

<body onload="javascript:onPageLoad();"> 
<div id="JobForm" data-role="page"> 
    <div class="logoHeader"><img src="images/header.png" /></div> 
    <div data-role="header" data-position="fixed"> 
     <h1>Load<span id="JobHeader"></span></h1> 
    </div> 
    <div class="lineBreak20"></div> 
    <div class="rightContent divContent">Welcome<em id="lblName"></em></div> 
    <div class="lineBreak40"></div> 
    <div class="boldText divContent">Please select the Job</div> 
    <div class="lineBreak20"></div> 
    <div class="roundBox"> 
     <table> 
       <tr> 
       <td class="tdLabel">Job No: </td> 
       <td><select id="ddJNo" class="fieldWidth" data-mini="true"></select> 
       </td> 
      </tr> 
      <tr> 
       <td></td> 
       <td><button id="btnLd" type="submit" data-theme="a" data-inline="true" data-mini="true">Load</button></td> 
      </tr> 
     </table> 
    </div> 
</div> 
    </body>

和JavaScript是：

function onPageLoad() { 
var lsJobs= window.localStorage.getItem("jobs"); 
var arrJobs= lsJobs.split(","); 
for (var i=0;i< arrJobs.length;i=i+2) 
{ 
    if((arrJobs[i]!="")) 
    { 
    $("#ddJNo").append("<option value='"+ arrJobs[i] +"'>" + arrJobs[i+1] + "</option>"); 
    } 
} 
document.getElementById("lblName").innerHTML =window.localStorage.getItem("name"); 
}

有代碼中的任何錯誤？這裏的問題是當我點擊選擇選項，下拉列表不顯示。請使用JAVASCRIPT或JQUERY動態實現SELECT選項，以分享您的想法。

UPDATE：雖然將window.localStorage內容放置在警報對話框中，但它工作正常。我認爲JS函數有問題。請幫我...

來源

2012-07-03 Avadhani Y

試試這個，

var newOption = $("<option />"); 
$("#ddlJobNo").append(newOption); 

newOption.val(arrJobs[i]); 
newOption.html(arrJobs[i+1]);

見例如here。

來源

2012-07-03 07:02:54

它不幫助老闆........ !!! –

爲什麼不呢？有用。經過驗證。看我的編輯。 –

我在Android應用程序中使用此功能...不適用於網頁瀏覽器。 –

JQuery - 無法動態添加SELECT選項

回答

相關問題