2013-11-19 4 views
0

У меня есть этот кусок html, JQuery заполняет мои поля, и я использую поля, поэтому я могу захватить только необходимый выбор и отправить его в свой сервлет. Проблема заключается в том, что выглядит эта<fieldset> хранит <select> с вертикальным отображением

enter image description here

Он продолжает получать нарисованной вертикально, и я хотел бы их в одну линию. Я думаю, что это наборы полей, которые вызывают это, но хуже всего то, что я не могу использовать таблицу, чтобы держать ее в строке, потому что это разбивает поля.

Любое решение по этому или другому? (Например, помогая мне устранить fieldsets и все еще быть в состоянии послать только выбранный 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

'fieldset' по умолчанию' display: block'; вам нужно будет изменить это. – MichaelRushton

+2

(1) Наборы данных являются элементами уровня блока; либо удалите их, либо измените свой CSS на 'display: inline-block'. (2) Наборы Fieldsets на самом деле не должны быть вложены так, как семантически. Он представляет, как вы могли догадаться, набор полей, поэтому было бы более целесообразно обернуть все ваши элементы '