在wavemaker中的下拉列表中选择

时间:2016-02-16 09:56:13

标签: wavemaker

我是wavemaker的初学者。我在这里使用下拉列表,我想选择选项。选项存储在先前制作的数据库中。选择已完成。但是现在我希望如果我选择一个选项,那么下一个下拉列表将禁用该选项。我的页面就像给定的图像。 enter image description here

提供帮助。我也想在数据库中存储该选项。也需要帮助。
代码:

<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> 

1 个答案:

答案 0 :(得分:1)

要使用数据库,您必须使用这样的PHP:

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

myfunction隐藏所选的选项(所选选项必须具有id =&#34; to_hide&#34;)

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>';
     }