html下拉菜單提示jquery＆html

我在HTML中有dorpdown，但它的內容在IE中裁減，因爲沒有足夠的空間使它的寬度足夠寬。html下拉菜單提示jquery＆html

所以我想要的是當點擊下拉和其選項摺疊時，一個工具提示（div）應該出現在旁邊的下拉菜單中，其中顯示鼠標光標所在的選項的全部內容，或者如果我正在使用鍵盤，它的div內容的變化應該改變。並在丟失div的失去焦點應該消失。

這裏是一些代碼，但它需要修改......

$("select").change(function() { 

     $('selectDiv').html($("select option:selected").text()); 
    });

問題的代碼，它不會顯示在頂部DIV當點擊下拉。並且內容不會隨着鼠標或鍵盤上的選項更改而改變

來源

2013-04-18 Poonam Bhatt

與u有關的是什麼？是否有錯誤 – PSR

目前的問題是什麼？你的HTML和CSS是什麼樣的（把它放在jsfiddle.net上可能會有幫助）？我認爲''selectDiv''可能是一個糟糕的選擇器，但可能還有其他需要處理的問題！ – Barney

你是這樣的嗎？

$("select").on('focus', function() { 
    $('selectDiv').html($("select option:selected").text()); 
    $('selectDiv').animate({opacity:1}); 
}); 

$("select").on('blur', function() { 
    $('selectDiv').html(''); 
    $('selectDiv').animate({opacity:0}); 
});

來源

2013-04-18 11:05:40

html下拉菜單提示jquery＆html

回答

相關問題