2014-08-27 59 views
0

我正在爲我的公司網站創建回叫表單,而不是使用標準的HTML5日期選擇器。我希望能夠在「致電日期」標籤旁邊看到類似的內容。選擇框以顯示當前周

https://www.scottishpower.co.uk/account/click2call.process?execution=e1s1

我目前正在與引導2個工作這裏是輸入片段我目前並查看該網址是:http://temp.tefl.org.uk/callback

<div class="control-group"> 
    <label class="control-label" for="inputEmail">Date To Call</label> 
    <div class="controls"> 
     <select> 
      <option>Monday (date)<option> 
      <option>Tuesday (date)<option> 
      <option>Wednesday (date)<option> 
      <option>Thursday (date)<option> 
      <option>Friday (date)<option> 
     <select> 
    </div> 
</div> 
+0

他們使用下拉選項,而不是輸入標籤.. – 2014-08-27 08:55:42

回答

2

您不關閉的選項元素。

試試下面的代碼:

<script type="text/javascript" 
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 
    </script> 


    <script type="text/javascript"> 
     $(function(){ 
      var x = new Date().getDay(); 

      var elem = $("div.controls select option")[x]; 
      $(elem).prop("selected","selected"); 

     }); 

    </script> 

    <div class="control-group"> 
     <label class="control-label" for="inputEmail">Date To Call</label> 
     <div class="controls"> 
      <select> 
       <option>Monday (date)</option> 
       <option>Tuesday (date)</option> 
       <option>Wednesday (date)</option> 
       <option>Thursday (date)</option> 
       <option>Friday (date)</option> 
      <select> 
     </div> 
    </div> 
相關問題