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选项

回答

相关问题