可以用jquery的hover事件添加一個className,然后可以在css里面設置這個className設置下面的dom會display:block,這樣就可以全部展開。在css里面可以隨性設置
創(chuàng)新互聯(lián)是一家專業(yè)提供昌平企業(yè)網站建設,專注與成都網站設計、成都做網站、html5、小程序制作等業(yè)務。10年已為昌平眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站設計公司優(yōu)惠進行中。
jquery 獲取select多選下拉框所有選項的值可以如下實現(xiàn) var all = "";$("select option").each(function() { all += $(this).attr("value")+" ";});而值獲取被選中的值可用如下代碼實現(xiàn) $("select").val();下面給出實例代碼:
參考以下兩種方法:
設置option的selected屬性為true
設置select標簽的value值為需要選中的值
實例演示如下:
1、根據(jù)演示需要,給出一個示例HTML結構
select?id="test"
option?value="1"option-1/option
option?value="2"option-2/option
option?value="3"option-3/option
/selectbr
input?type="button"?id="btn1"?value="設置option-2選中"
input?type="button"?id="btn2"?value="設置value=3的項選中"
2、jquery代碼
$(function(){
//?方法1:設置option的selected屬性為true
$("#btn1").click(function()?{??//?第一個按鈕單擊事件
$("select?option").each(function()?{?//?遍歷所有option,如果option內容為option-2,就設置起selected屬性為true
if($(this).text()=="option-2")
$(this).prop("selected",true);
});
});
//?方法2:設置select標簽的value值為需要選中的值
$("#btn2").click(function()?{?//?第二個按鈕的單擊事件
$("select").val("3");??//?設置option值為3的選項選中
});
});
3、效果演示
使用jQuery配合Superfish制作下拉菜單需要具備以下幾個參數(shù) 1、項目中需要有jQuery版本庫; 2、下載Superfish插件——Superfish; 3.需要把上面兩個js引入你的項目中 導入jQuery庫和Superfish插件 為了讓菜單一個默認的樣式
分別使用javascript原生的方法和jquery方法
select id="test" name=""
option value="1"text1/option
option value="2"text2/option
/select
code:
一:javascript原生的方法
1:拿到select對象: var myselect=document.getElementById("test");
2:拿到選中項的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所選中項的index
3:拿到選中項options的value: myselect.options[index].value;
4:拿到選中項options的text: myselect.options[index].text;
二:jquery方法(前提是已經加載了jquery庫)
1:var options=$("#test option:selected"); //獲取選中的項
2:alert(options.val()); //拿到選中項的值
3:alert(options.text()); //拿到選中項的文本