1

OPTIONS を 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 オプションを動的に実装するアイデアを共有してください。

更新:しかし、window.localStorage コンテンツをアラート ダイアログに配置している間は、正常に動作します。JS関数に問題があると思います。私を助けてください...

4

1 に答える 1

2

これを試して、

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

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

ここで例を参照してください。

于 2012-07-03T07:02:54.267 に答える