js如何獲取下拉框選中項(xiàng)的文本?
現(xiàn)在有一個(gè)Id為AreaId的下拉框。有以下方法可以獲取其當(dāng)前選擇的文本和值:
方法一:使用Javascript的原始方法。1.獲取值:
風(fēng)險(xiǎn)值(
jsp怎么刪除下拉列表里面的值?
在jsp引入的js文件中,可以使用JQuery選擇器選擇要從select中刪除的指定值(options元素),然后使用jQu
下拉試驗(yàn)原理?
下拉菜單的使用和原理
一個(gè)
因?yàn)锽ootstrap.js是由jQuery實(shí)現(xiàn)的,所以我們需要先加載jQuery組件。在Bootstrap中使用下拉菜單有非常嚴(yán)格的結(jié)構(gòu),使用不當(dāng)就無(wú)法顯示。使用class#34dropdown#34的容器包裝整個(gè)下拉菜單:
ltdivclass#34dropdown#34gtlt/divgt
使用一個(gè)ltbuttongt按鈕作為父菜單,并定義一個(gè)類#34dropdown-toggle#34,給ltbuttongt添加一個(gè)自定義屬性data-toggle#34dropdown#34,這里相對(duì)固定。所謂相對(duì)固定是指按鈕的樣式可以修改:
ltbuttonclass#34BTNBTN-defaultdropdown-toggle#34type#34button#34data-toggle#34dropdown#34gtlt/buttongt
在與ltbuttongt按鈕相同的級(jí)別添加一個(gè)ltulgt元素,并添加class#34drop-menu#34。通過(guò)以上三種,可以實(shí)現(xiàn)簡(jiǎn)單的下拉菜單。完整的代碼如下。
2
將上面的代碼粘貼到頁(yè)面中并運(yùn)行它。單擊下拉菜單按鈕,將出現(xiàn)下拉菜單。再次點(diǎn)擊按鈕,下拉菜單將消失。初始狀態(tài)下默認(rèn)不顯示下拉菜單,因?yàn)?34display:none#34在class#34drop-menu#34#34中設(shè)置了隱藏下拉菜單,我們可以使用chrome瀏覽器中的審查元素(或者Firefox中的Firebug)來(lái)查看其樣式。當(dāng)我們單擊下拉菜單時(shí),一個(gè)#34open#34類將被添加到Class#下拉列表#34中,當(dāng)我們?cè)俅螁螕羲鼤r(shí),#34open#34將被刪除。這就是下拉菜單的顯示和隱藏。