1

ここでは、アプリケーションのコードとスクリーン ショットを定義します。画像 1 (私のアプリ) - これは私のアプリケーションの出力です。選択メニューで選択したオプションを表示したいと思います。

画像2（私のアプリ）-選択オプションメニューのいずれかをクリックすると、このようになりますが、選択した場所を設定したいと思います。

画像 3 (これが必要) - アプリのこのタイプの出力が必要です。

ローカル Web サービスを使用すると、イメージ 3 と同じ出力が得られます。しかし、オンラインまたは Web サイトから Web サービスを使用すると、イメージ 1 とイメージ 2 と同じ出力が得られます。

ここに画像の説明を入力

ここに画像の説明を入力

ここに画像の説明を入力

<body>
<div id="menu">
<h3>Menu</h3>
    <ul>
        <li class="active"><a href="home.html?l=0=c=0=d=0=t=1=dc=1" class="contentLink" target="_self">Home </a></li>
        <li class="none"><a href="myreservations.html" target="_self" class="contentLink">My Reservations</a></li>
        <li class="none"><a href="#" target="_self" class="contentLink">Credit Points</a></li>
        <li class="none"><a href="myprofile.html" target="_self" class="contentLink">My Account</a></li>
        <li class="none"><a href="aboutus.html" target="_self" class="contentLink">About Us</a></li>
        <li class="none"><a href="contactus.html" target="_self" class="contentLink">Contact Us</a></li>
        <li class="none"><a href="#" class="contentLink" id="Logoutbutton" name="Logoutbutton">Logout</a></li>
    </ul>
</div>

<div data-role="page" id="home" class="pages" data-theme="c">
<div data-role="header">
    <a href="#"class="showMenu" id="showMenu"></a>
    <a id="selectcity" style="line-height:18px;"><select name="selectcity_menu" id="selectcity_menu" data-native-menu="true" data-theme="c" >
        </select></a>            
    <a id="directlogin">LogIn</a>
        <h1></h1>
    </div><!-- /header -->

    <div data-role="footer">        
    <div data-role="navbar">
        <ul>
            <li><a href="home.html?l=0=c=0=d=0=t=1=dc=1" id="Restaurant" target="_self">Restaurant</a></li>
            <li><a href="home.html?l=0=c=0=d=0=t=2=dc=1" id="Lounge" target="_self">Lounge</a></li>
            <li><a href="home.html?l=0=c=0=d=0=t=3=dc=1" id="Banquet" target="_self">Banquet</a></li>
            <li><a href="home.html?l=0=c=0=d=0=t=4=dc=1" id="Event" target="_self">Event</a></li>           
        </ul>
    </div><!-- /navbar -->
    </div><!-- /footer -->

    <div data-role="content" align="center">
        <!--<input type="text" id="userstatus" name="userstatus"/>-->       

        <div class="ui-grid-a">
            <div class="ui-block-a">
                <div id="notation" style="width:100%;line-height:15px;padding:0px;">    
                <!--<label for="select-choice-0" class="select" ><h2> Locations </h2></label>-->
                <select name="note_utilisateur1" id="note_utilisateur1" data-native-menu="true" data-theme="c">
                </select>

                </div>
            </div>
            <div class="ui-block-b">
                <div id="notation" style="width:100%;line-height:15px;padding:0px;">    
                <!--<label for="select-choice-0" class="select"><h2> Cuisine </h2></label>-->
                <select name="note_utilisateur2" id="note_utilisateur2" data-native-menu="true" data-theme="c">
                </select>                   
                </div>            
            </div>                
        </div>

        <div class="ui-grid-a">
            <div class="ui-block-a">
                <div id="notation" style="width:100%;line-height:15px;padding:0px;">    
            <!--<label for="select-choice-0" class="select"><h2> Discount </h2></label>-->
                <select name="note_utilisateur3" id="note_utilisateur3" data-native-menu="true" data-theme="c">
                </select>                   
                </div>
            </div>
            <div class="ui-block-b">
                <a data-role="button" style="width:94%;line-height:15px;padding:0px;" id="clearall">Clear All</a>
            </div>                
        </div>        

        <hr />

        <br />

        <div id="restaurantlist">
        </div>       
    </div>
</div>
</body>

Web サービスから動的に生成されるすべてのドロップダウン メニュー オプション。

4

1 に答える 1

0

これは機能しますか？

jQM ドキュメントは次のとおりです。

JS

// dummy options
var optionList = '<option value="1">Location 1</option><option value="2">Location 2</option><option value="3">Location 3</option>';

var myselect = $('#note_utilisateur3');

myselect.html(optionList); // adding the dummy options
myselect[0].selectedIndex = 2; // selecting the 2nd index ( remeber they start at zero )
myselect.selectmenu('refresh', true); // http://jquerymobile.com/demos/1.2.0/docs/forms/selects/methods.html

あなたの質問からあなたのhtmlを使用して

于 2012-11-16T13:13:56.147 に答える