有一id=test的下拉框,怎么拿到選中的那個(gè)值呢?本文將采用javascript原生的方法及jquery方法(前提是已經(jīng)加載了jquery庫(kù))來簡(jiǎn)單實(shí)現(xiàn)下
現(xiàn)在有一id=test的下拉框,怎么拿到選中的那個(gè)值呢?
分別使用javascript原生的方法和jquery方法
代碼如下:
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
一:javascript原生的方法
1:拿到select對(duì)象: var myselect=document.getElementById("test");
2:拿到選中項(xiàng)的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所選中項(xiàng)的index
3:拿到選中項(xiàng)options的value: myselect.options[index].value;
4:拿到選中項(xiàng)options的text: myselect.options[index].text;
二:jquery方法(前提是已經(jīng)加載了jquery庫(kù))
1:var options=$("#test option:selected"); //獲取選中的項(xiàng)
2:alert(options.val()); //拿到選中項(xiàng)的值
更多信息請(qǐng)查看IT技術(shù)專欄
2025國(guó)考·省考課程試聽報(bào)名