如何在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

回答

相关问题