2011-12-09 38 views
0

我在我的代碼中有一個按鈕的網格,用戶點擊單詞「click here」並顯示按鈕的網格。這使用jQuery,我想知道的是,有沒有人知道一種方式,以便用戶可以點擊一個文本框,會發生什麼是按鈕的網格出現,如果用戶點擊一個按鈕或點擊遠離網格,網格再次消失。換句話說,我希望它的工作日期選擇器的工作原理(見datepciker的jQuery Jquery的究竟是如何請點擊here我如何讓我的網格出現在文本框中

要看到我的代碼,那麼它在的jsfiddle,單擊here

回答

1

試試這個:

修訂

$('#showGrid').click(function(e) { 
    if ($('#gridone').css("display") == "table") { 
     $('#gridone').hide(); 
    } 
    else { 
     $('#gridone').css("display", "table"); 
    } 
    e.stopPropagation(); 
}); 

$("body").click(function() { 
    $('#gridone').hide(); 
}); 

$('#gridone input').click(function(){ 
    $('.box INPUT').val($('.box INPUT').val() + $(this).val()); 
    $('#gridone').hide(); 
}); 

Example fiddle

+0

喜,看起來很不錯。只有一個問題,如果我將「click here」更改爲文本框,那麼如果我點擊一個按鈕,按鈕的值是否會顯示在文本框中,如果我點擊在一個按鈕上,它替換點擊這裏按鈕。 – BruceyBandit

+0

我遺留了原來的代碼。我已經更新了答案,並提供了上面提到的功能。 –

+0

謝謝,只有一個緯度的問題(這是最後一個問題),你有90%的存在,唯一的事情是,如果我點擊一個按鈕(讓我們說「P」),它會顯示在文本框中,但讓我們說我改變了主意,我點擊按鈕「C」,然後在文本框中顯示P和C.所以你怎麼做到這一點,如果我點擊一個按鈕,該按鈕的值將取代之前的值文本框? ($(this。).val());' – BruceyBandit

相關問題