Fatal编程技术网
  • javascript/
  • Javascript JQuery-无法动态添加选择选项

Javascript JQuery-无法动态添加选择选项

javascript android html jquery-mobile cordova

Javascript JQuery-无法动态添加选择选项,javascript,android,html,jquery-mobile,cordova,Javascript,Android,Html,Jquery Mobile,Cordova,我在添加选项以动态选择标记时遇到问题 以下是我的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-pos

我在添加选项以动态选择标记时遇到问题

以下是我的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");
 }

函数onPageLoad（）{
var lsJobs=window.localStorage.getItem（“作业”）；
var arrJobs=lsJobs.split（“，”）；
对于（变量i=0；i
代码中有错误吗？这里的问题是，当我单击选择选项时，下拉列表没有显示。请分享您使用JAVASCRIPT或JQUERY动态实现SELECT选项的想法

更新：但是当将window.localStorage内容放在警报对话框中时，它工作正常。我认为JS函数有问题。请帮帮我…

试试这个

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

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

var newOption=$（“”）；
$（“#ddlJobNo”）.append（新选项）；
newOption.val（arrJobs[i]）；
html（arrJobs[i+1]）；
请参阅示例。

我正在android应用程序中使用此功能。。。不适用于网络浏览器。是这样吗？给我点时间。。今晚我可以在phonegap jquerymobile应用程序上为你验证一下..哥们。已证实的它起作用了。代码中还发生了其他一些事情。