(Help) 使用一个提交按钮从多个下拉列表中获取结果

Question

我制作了四个横向下拉菜单。这是我的代码：

<div class="MenuSearching" id="Searching">
    <div class="Menu1" id="Menu1">
        <p> Lembaga</p>
            <form style="margin-top:-20px;margin-left:-2px;">
                <select name="DropLembaga" autofocus required id="DropLembaga">
                    <option value="no" selected="selected">---Choose one---</option>
                    <option value="FlashCom">FlashCom</option>
                    <option value="InterNusa">InterNusa</option>
                    <option value="HexaCompare">HexaCompare</option>
                </select> 
            </form>
    </div>
    <div class="Menu2" id="Menu2">
        <p> Paket Kursus</p>
            <form style="margin-top:-20px;margin-left:-2px;">
                <select name="DropBahasa" autofocus required id="DropBahasa">
                    <option value="no" selected="selected">---Choose one---</option>
                    <option value="web">Kursus Web Design</option>
                    <option value="flash">Kursus Flash Animation</option>
                    <option value="marketing">Kursus Internet Marketing</option>
                </select> 
            </form>
    </div>
    <div class="Menu3" id="Menu3">
        <p> Lokasi</p>
            <form style="margin-top:-20px;margin-left:-3px;">
                <select name="DropLokasi" autofocus required id="DropLokasi">
                    <option value="no" selected="selected">---Choose one---</option>
                    <option value="timur">Surabaya Timur</option>
                    <option value="barat">Surabaya Barat</option>
                    <option value="utara">Surabaya Utara</option>
                    <option value="selatan">Surabaya Selatan</option>
                </select> 
            </form>
    </div>
    <div class="Menu4" id="Menu4">
        <p> Harga</p>
            <form style="margin-top:-20px;margin-left:-2px;">
                <select name="DropHarga" autofocus required id="DropHarga">
                    <option value="no" selected="selected">---Choose one---</option>
                    <option value="harga1"> kurang dari Rp.750.000</option>
                    <option value="harga2">Rp.750.000 - Rp.1.500.000</option>
                    <option value="harga3">Rp.1.500.000 - Rp.2.500.000</option>
                    <option value="harga4">lebih dari Rp.2.500.000</option>
                </select> 
            </form>
    </div>
    <div>
    <input name="submitbutton" type="submit" id="submitbutton" formmethod="POST" value="search">
    </div>
</div>

我的问题是，如何从这些多个下拉列表中制作提交按钮（并获得结果）？

我的代码效率高吗？

谢谢您的回答！

Answer 1

第一件事是将您的表单标签更改为 divs 以保持您的格式。

<div class="Menu1" id="Menu1">
    <p> Lembaga</p>
    <div style="margin-top:-20px;margin-left:-2px;">
        <select name="DropLembaga" autofocus required id="DropLembaga">
            <option value="no" selected="selected">---Choose one---</option>
            <option value="FlashCom">FlashCom</option>
            <option value="InterNusa">InterNusa</option>
            <option value="HexaCompare">HexaCompare</option>
        </select> 
    </div>
</div>

接下来，您需要用 <form></form> 标记包围整个表单。我会将打开的表单标签放在第一个 div.

开头的正下方

<div class="MenuSearching" id="Searching">
    <form action="" method="post">
    <div class="Menu1" id="Menu1">
        .
        .
        .
    </div>
    <div class="Menu2" id="Menu2">
        .
        .
        .
    </div>
    <div class="Menu3" id="Menu3">
        .
        .
        .
    </div>
    <div class="Menu4" id="Menu4">
        .
        .
        .
    </div>
    <div>
        <input name="submitbutton" type="submit" id="submitbutton" formmethod="POST" value="search">
    </div>
    </form>
</div>

(Help) 使用一个提交按钮从多个下拉列表中获取结果

(Help) Get results from multiple dropdown with one submit button

html

php

post

submit

drop-down-menu