2014-08-27 56 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> 
相关问题