如何在jQuery中的輸入字段上顯示div

我正在製作一個jQuery表單。哪裏我需要顯示一個div只在那些我點擊的輸入字段。（如刀尖..但不完全相同）...亞..你可以調用它像日期選擇器...如何在jQuery中的輸入字段上顯示div

謝謝---- 更新
的Javascript：

<script> 
     $(document).ready(function() { 

      $('#months :input').click(function(){ 
       xpos = $(this).css('left'); 
       ypos = $(this).css('top'); 
       var dateField = $(this); 

       $('#calender').addClass('calender_visible'); 
       var m = $('#calender .picker_month :selected').val(); 
       var y = $('#calender .picker_year :selected').val(); 


       $('#calender :button').click(function(){ 
        dateField.val(m+'/'+y); 
        $('#calender').removeClass('calender_visible'); 

       }) 

      }) 

     }); 

     </script>

CSS：

<style> 
    .calender_hidden{ 
     display:none; 
    } 

.calender_visible{ 
    display:block; 
    position:relative; 
background-color:#CCCCCC; 
width:120px; 

    height:50px; 
    } 
</style>

HTML：

<input name="month2" /> 

    <input name="month3" /> 

    <input name="month4" /> 

    <input name="month5" /> 
    </div> 




    <div id="calender" class="calender_hidden" > 

    <select class="picker_month"> 
     <option value="Jan">Jan</option> 
     <option value="Feb">Feb</option> 
     <option value="Mar">Mar</option> 
     <option value="Apr">Apr</option> 
    </select> 

    <select class="picker_year"> 
     <option value="2001">2001</option> 
     <option value="2002">2002</option> 
     <option value="2003">2003</option> 
     <option value="2004">2004</option> 
    </select> 
    <input type="button" value="close" /> 
    </div>

現在的問題是...我想只顯示在div我選擇這個小壓延機...但這並不我點擊的對象中出現的...我如何重新定位時，每次我點擊輸入字段。

來源

2011-04-26 MFarooqi

什麼做你到目前爲止？ – LostLin 2011-04-26 17:26:59

我們可以看到一些HTML和一些代碼，你已經嘗試過，也許有一些錯誤，如果有任何 – mcgrailm 2011-04-26 17:30:06

謝謝！... 這可能會更好，如果會問我，而不是標記我失望。 :(。我是新的jquery。尋求幫助..我需要顯示一個彈出窗口，當我點擊一些輸入字段..按鈕..無論如何..謝謝yo – MFarooqi 2011-04-26 17:31:19

如果你想有一個日期選擇器，你可以使用一個在jQuery UI的

http://jqueryui.com/demos/datepicker/

來源

2011-04-26 17:33:20 LostLin

他沒有要求datepicker – mcgrailm 2011-04-26 17:37:52

它的標籤之一，他說像一個日期選擇器。我只是建議他使用庫而不是編寫代碼他自己，因爲他沒有太多的經驗，jquery – LostLin 2011-04-26 17:39:42

好吧，我會接受給予那麼op的可憐的描述 – mcgrailm 2011-04-26 17:41:33

不知道如果你想捕捉的輸入點擊，如按鈕，或重點用於輸入如文本輸入。無論哪種方式捕捉jQuery的事件很簡單：

//capture click event 
$('input#id').click(function() { 
     $('div#id').show(); 
} 
//capture focus event (such as clicking in a text input field) 
$('input#id').focus(function() { 
     $('div#id').show(); 
}

希望這有助於

來源

2011-04-26 17:37:52 Chad

你應該看看jQuery UI有對話框（），這可能是親如你談婚論嫁，直到工具提示devleoped

來源

2011-04-26 17:44:10 mcgrailm

如何在jQuery中的輸入字段上顯示div

回答

相關問題