Javascript和Jquery取得select的值

Javascript中取得select的选中值的方法

    // 得到select元素对象
    var sel = document.getElementById('sel');
    // 被选中的元素的序号
    var index = sel.selectedIndex;
    // select中选中的option的value的值
    var value = sel.value();
    // 被选中元素的文本  (不能用sel.text,因为是undefined)
    var text = sel[index].text;

htm代码:

    <select id="sel">
    <option value="1">南京</option>
    <option value="2">苏州</option>
    <option value="3">无锡</option>
    </select>

jQuery中取得select的选中值的方法

本来以为

    jQuery("#select1").val();

就是选中的值,

    jQuery("#select1").text();

就是取得的文本。但是这是不正确的,正确做法是:

    jQuery("#select1 option:selected").text();

这是取得选中的文本的值。

posted @ 2014-07-26 21:46  huangt  阅读(263)  评论(1编辑  收藏  举报