在jquery mobile中选择框创建?

时间:2015-06-04 06:44:48

标签: javascript jquery html5 jquery-mobile-listview jquery-mobile-select

我使用jquery移动android应用程序创建了一个动态选择框。它创建得很好,但是当我要进入下一个列表视图页面并返回到相同的选择框页面时。选择框消失。页面是显示为空白。为了您的参考,我在这里附上了我的选择框创建代码。我错过了这个。 请告诉我答案。 提前谢谢。

function candidate(id)
{   
window.localStorage.setItem("ojtid",id);    
$('#cadidateid').find('option').remove();
var content='';     
db.transaction(function (tx)
{
    tx.executeSql('select * from xxx where xxid="'+id+'" and status="1"', [], function (tx, result)
    {

        if(result.rows.length > 0)
        {
            alert("This is already attended");              
        }
        else
        {           

            tx.executeSql('SELECT distinct emp_id,emp_name FROM yyy where yyid="'+id+'" group by emp_id ORDER BY emp_name ASC', [], function (tx, results)
            {                               

                content=content+"<option value='0'>-- Select --</option>";
                for (var i = 0; i < results.rows.length; i++) 
                {
                    content=content+'<option value="'+results.rows.item(i).emp_id+'">'+results.rows.item(i).emp_name+'</option>';
                }                                   

                console.log("content:"+content);                    

                $("#cadidateid").append(content).trigger('create');
                $('#cadidateid').selectmenu().selectmenu('refresh', true);

            });     
        }
        $.mobile.changePage($("#ojtcandidate"));
    });
});

}

Html Code:

<div data-role="page" id="ojtcandidate" data-theme="b">

        <div data-role="header" data-theme="b">
        <h1>Ojt Candidate</h1>
        </div>

         <div data-role="main" class="ui-content">

            <label for="day">Select Candidate</label>
            <form>
                <fieldset class="ui-field-contain">                     

                    <select name="cadidateid" id="cadidateid" data-native-menu="false">

                    </select> 

                </fieldset>

            </form> 
            <input type="button" value="Submit" onClick="session();">
        </div> 
    </div>

0 个答案:

没有答案