jquery及原生js獲取select下拉框選中的值示例

字號(hào):


    有一id=test的下拉框,怎么拿到選中的那個(gè)值呢?本文將采用javascript原生的方法及jquery方法(前提是已經(jīng)加載了jquery庫)來簡(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庫)
    1:var options=$("#test option:selected"); //獲取選中的項(xiàng)
    2:alert(options.val()); //拿到選中項(xiàng)的值