Выбрать создание коробки в jquery mobile?

Я создал один динамический блок выбора с помощью мобильного приложения 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 ответов

Другие вопросы по тегам