簡體   English   中英

在wavemaker的下拉列表中選擇

[英]Selection in Drop down list in wavemaker

我是Wavemaker的初學者。 在這里,我使用下拉列表,我想在其中選擇選項。 選項存儲在先前制作的數據庫中。 選擇已完成。但是現在我希望如果選擇一個選項,那么該選項將在下一個下拉列表中被禁用。 我的頁面就像給定的圖像。 在此處輸入圖片說明

請幫忙。 我也想將該選項存儲在數據庫中。 也需要幫助。
代碼:

<wm-tabcontent name="tabcontent1" horizontalalign="left">
                        <wm-composite name="composite2">
                            <wm-label class="col-xs-4" name="label3" width="200" height="25" caption="Battle field" fontweight="bold" textalign="center" fontsize="16" backgroundcolor="#8e8ee4"></wm-label>
                            <wm-container class="col-xs-8" name="container2" width="100">
                                <wm-select name="select2" width="100" dataset="bind:Variables.MyDTBSRankData.dataSet" datafield="rank" displayfield="rank"></wm-select>
                            </wm-container>
                        </wm-composite>
                        <wm-composite name="composite3">
                            <wm-label class="col-xs-4" name="label3" width="200" height="25" caption="Sprint-o-bot" fontweight="bold" textalign="center" fontsize="16" backgroundcolor="#8e8ee4"></wm-label>
                            <wm-container class="col-xs-8" name="container3" width="100">
                                <wm-select name="select3" width="100" dataset="bind:Variables.MyDTBSRankData.dataSet" datafield="rank" displayfield="rank"></wm-select>
                            </wm-container>
                        </wm-composite>
                        <wm-composite name="composite4">
                            <wm-label class="col-xs-4" name="label3" width="200" height="25" caption="Transporter" fontweight="bold" textalign="center" fontsize="16" backgroundcolor="#8e8ee4"></wm-label>
                            <wm-container class="col-xs-8" name="container4" width="100">
                                <wm-select name="select4" width="100" dataset="bind:Variables.MyDTBSRankData.dataSet" datafield="rank" displayfield="rank"></wm-select>
                            </wm-container>
                        </wm-composite>
                        <wm-composite name="composite5">
                            <wm-label class="col-xs-4" name="label3" width="200" height="25" caption="Robosoccer" fontweight="bold" textalign="center" fontsize="16" backgroundcolor="#8e8ee4"></wm-label>
                            <wm-container class="col-xs-8" name="container5" width="100">
                                <wm-select name="select5" width="100" dataset="bind:Variables.MyDTBSRankData.dataSet" datafield="rank" displayfield="rank"></wm-select>
                            </wm-container>
                        </wm-composite> 

要使用數據庫,您必須像這樣使用PHP:

echo '<select onchange="myFunction()">';
    print_option_list();
echo '</select>';

myfunction隱藏所選選項(所選選項必須具有id =“ to_hide”)

myfunction() {
document.getElementById('to_hide').style.display = 'none';
}

print_option_list在您的數據庫中采用以下選項:

function print_option_list() {
    //do the sql query that recupere your option's in a table
    //something like this 

          $query = "SELECT Options
                    FROM TableOptions
          $result=mysql_query($query);
          $tab=mysql_fetch_array($result);

    foreach( $options in $tab) {
        echo '<option value="' . $options . '"';
        echo '>' . $options . '</option>';
     }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM