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

首先，将表单标记更改为div以保留格式。

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

（帮助）使用一个提交按钮从多个下拉列表中获取结果

1 个答案: