<fieldset>使<select>显示垂直</select> </fieldset>

时间:2013-11-19 15:08:51

标签: jquery html

我有这个html,JQuery填满了我的盒子,我使用了字段集,因此我只能抓取所需的选择并将其发布到我的servlet。 问题是它看起来像这样

enter image description here

它不断被垂直绘制,我希望它们在一行中。我认为它是导致它的字段集,但最糟糕的是我无法使用表格将其保持在行中,因为它会破坏字段集。

对此或替代方案的任何解决方案? (例如,帮助我消除字段集,仍然只能发送选定的s?)

<form name="forma" id="forma" method="post">
            <fieldset id="range">
                <fieldset id="currency">
                    <fieldset id="pricelist">
                        <select id="somesel" name="somesel" size=8>
                            <option value= >Waiting for a server response</option>
                        </select>
                    </fieldset>
                    <select id="somesel1" name="somesel1" size=8 disabled>
                        <option value= >Make selection in the parent list</option>
                    </select>
                </fieldset>
                <select id="somesel2" name="somesel2" size=8 disabled>
                    <option value= >Make selection in the parent list</option>
                </select>
            </fieldset>
        </form> 
        <button id="somebutton">press here</button>
            <input name="result" value="">
            <button id="anotherbutton">Another Button</button>

1 个答案:

答案 0 :(得分:1)

fieldset默认为display: block;您需要更改为inline-block