ドロップダウンリストが表示されます - Javascript

Question

ここに私のコードへのリンクがあります：https://jsfiddle.net/zoyf35u9/2/ 私は "日付"ドロップダウンリストをダウンの代わりにダウンしたいと思います。ドロップダウンが開かれていれば、他のフォーム要素が必要です。

<meta charset="UTF-8"> 
<style> 

</style> 
<form action="/todo/ajouter/" method="post"> 
    <label for="newtodo">Que dois-je faire ?</label> 
    <input type="text" name="newtodo" id="newtodo" autofocus /> 


    Priorité 
    <select name="priorite"> 
     <option value=5>Très haute</option> 
     <option value=4>Haute</option> 
     <option value=3>Moyenne</option> 
     <option value=2>Basse</option> 
     <option value=1>Très basse</option> 
    </select> 

    Date 
    <select name = "day" onmousedown="if(this.options.length>5){this.size=5;}" onchange="this.blur()" onblur="this.size=0;"> 
     <script language="javascript" type="text/javascript"> 
      for(var d=1;d<=31;d++) 
      { 
       document.write("<option>"+d+"</option>"); 
      } 
     </script> 
    </select> 

    <input type="submit" name="envoyer" /> 
</form> 

おかげ

Answer 1

ドロップダウンfixedのpositionを行います

<form action="/todo/ajouter/" method="post"> 
    <label for="newtodo">Que dois-je faire ?</label> 
    <input type="text" name="newtodo" id="newtodo" size ="10" autofocus /> 


    Priorité 
    <select name="priorite"> 
     <option value=5>Très haute</option> 
     <option value=4>Haute</option> 
     <option value=3>Moyenne</option> 
     <option value=2>Basse</option> 
     <option value=1>Très basse</option> 
    </select> 

    Date 
    <select name = "day" onmousedown="if(this.options.length>5){this.size=5;}" onchange="this.blur()" id="date-dd" onblur="this.size=0;"> 
     <script language="javascript" type="text/javascript"> 
      for(var d=1;d<=31;d++) 
      { 
       document.write("<option>"+d+"</option>"); 
      } 
     </script> 
    </select> 

    <input type="submit" name="envoyer" /> 
</form> 

と

#date-dd { 
    position: fixed; 
} 

Fiddle。

Answer 2

ドロップダウンと送信ボタンの両方でCSSを変更します。

#date-dd { 
    position: fixed; 
} 
.submitButton { 
    position:relative; 
    left : 10%; 
} 

：

は私がボタンを

<input type="submit" name="envoyer" class = "submitButton"/> 

CSSの変更を送信するためにクラスを追加しました