database - 意図したとおり、Web SQL の結果は無効な順序になります

Question

データベーステーブルに 5 つの質問があります
1 テキストボックス
2 ドロップダウン
3 ドロップダウン
4 テキストボックス
5 テキストボックス

しかし、トランザクションを終了すると、
1テキストボックス
4テキストボックス
5テキストボックス
、
2ドロップダウン
3ドロップダウンのような無効な順序で表示されます

上記のように正しい順序で表示する必要があります

getDropdown 関数ですべてのオプション項目を取得する

私は何が間違っているのですか、誰でも助けてくれますか? お願いします、

//メイン関数は最初にすべての質問を取得するために呼び出します

function showQuestions(){
    db.transaction(function(tx) {
      tx.executeSql(selectAllStatement, [], function(tx, result) {
          dataset = result.rows;

        for (var i = 0, item = null; i < dataset.length; i++) {
          item = dataset.item(i);
          if(item['ANS_TYPE'] == "dropdown"){
              getDropdown(item['QU_MESSAGE'],item['QU_ID']);
          }
          if(item['ANS_TYPE'] == "textbox"){
              getTextbox(item['QU_MESSAGE']);
          }
        }//for loop
      });//execute
    });//transaction
}//end function

function getTextbox(question){
    $('#elements').append('<div data-role="fieldcontain">'
                        + '<label for="textinput1">'
                        + question
                        + '</label><br /><br />'
                        + '<input name="" id="textinput1" placeholder="" value="" type="text">'
                        + '<br /><br /><hr></div>').trigger('create');
}
function getDropdown(question,qu_id){
    var options = ''; option = '';
    options += '<div data-role="fieldcontain">'
            + '<label for="selectmenu1">'
            + question
            + '</label><br /><br />';
    db.transaction(function(tx) {
        tx.executeSql(selectChoiceStatement, [qu_id], function(tx, result) {
        dataset = result.rows;
        option = '';
        for (var i = 0, item = null; i < dataset.length; i++) {
            item = dataset.item(i);
            var data = item['CH_MSG'];
            option += '<option>'+data+'</option>';
        }
        options += '<select id="selectmenu1" name="">'+option+'</select>'
                 + '<br /><br /><hr></div>';
        $('#elements').append(options).trigger('create');
        });

    });

}