Javascript 如何反复显示带有两个选项的屏幕？

您能告诉我当用户在jQuery mobile中单击同一行时，如何使用两个相同的选项进行筛选吗。 我正在制作一个演示，其中我有一个按钮和一个点击按钮上的游戏，它变为禁用，并使两个选项添加游戏，列表中的游戏名称。如果用户单击添加游戏1选项，它会在下一个屏幕添加游戏中再次显示两个选项，游戏名称如果用户选择第一个选项，它将进入下一个屏幕，有两个选项。如果用户在任何时候选择第二个选项，它将显示下拉框下拉列表。从下拉列表中选择任何值时，它将创建一行

图表

          ADD GAME(button)
           |
       (disable button)
        ADD GAME
        GAME NAME
          |
  Go to new screen with two option
        ADD GAME
        GAME NAME
          |
it will display this if user select first option..

若用户选择第二个选项，那个么它将显示下拉列表，并在列表中添加游戏名称的值

---

更新了这个，现在一切都正常了，但是下拉选择器的样式设置不正确

HTML

JS

新小提琴

$(document).ready(function(){

    $('#addGame').click(function(){

         $(this).addClass('ui-disabled');
$("#listview").append("<li>Add Game</li>"); 
        $("#listview").append("<li>Game Name</li>"); 
         $("#listview").listview("refresh");

    }) 

})

<div data-role="page">


<a  data-role="button" class="addGame">Add Game</a>

            <ul id='listview' data-role='listview' data-inset='true'></ul>

</div>

.ui-hidden{
    display:none !important;
}

$(document).ready(function(){

    var gameSelector = '<li id="chooseGame"><span></span><select name="select-choice-0" id="select-choice-1" > <option value="Default">Select a Game</option><option value="GAME 1">GAME 1</option> <option value="GAME 2">GAME 2</option> <option value="GAME 3">GAME 3</option> <option value="GAME 4">GAME 4</option>  </select></li>'

    $(document).on('click', '.addGame', function(){

        $(this).addClass('ui-hidden');
        $("#listview").append(gameSelector); 
        $("#listview").append("<li class='addGame'>Add Game</li>"); 
        $("#listview").listview("refresh");

    }); 

    $(document).on('click', '.changeGame', function(){

        $(this).parent().append(gameSelector); 
        $(this).remove();
       $("#listview").listview("refresh");

    });     

    $(document).on('change', '#select-choice-1', function(){

         var gamename = $('#select-choice-1').val();
         $(this).parent().append("<li class='changeGame'>"+gamename+"</li>");
        $(this).remove();
       $("#listview").listview("refresh");

    }); 



});