您当前位置: 首页 >  WEB技术 >  Select选中项
2013/4/16 18:21:45 分类:WEB技术

Select选中项

方法一:

html源码:

        <select name="select" onchange="changeSelectB()">
            <option value="aaa">1</option>
            <option value="bbb">2</option>
            <option value="ccc">3</option>
            <option value="ddd">4</option>
        </select>

 

js源码:      

  function changeSelectB() {
            //取得选中项的值或者编号,不传this时候写法
            var select = document.getElementById("select");
            var vA = select.options[select.selectedIndex].value;
            var vB = select.options[select.selectedIndex].text;          
            alert(vA);
            alert(vB);
        }

 

方法二:

html源码:

        <select name="select" onchange="changSelect(this)">
            <option value="aaa">1</option>
            <option value="bbb">2</option>
            <option value="ccc">3</option>
            <option value="ddd">4</option>
        </select>

js源码:

 

        function changSelect(choose) {

            //取得选中项的值或者编号,传this时候写法
            var aa = choose.options[choose.selectedIndex].text;
            var bb = choose.options[choose.selectedIndex].value;
            alert(aa);
            alert(bb);
        }

本文由胡金金个人网站整理发布,转载请注明地址:http://www.hujinjin.com/info/220.html

凡标明来源于胡金金个人网站的文章,皆为本站整理发布,若转载此文必须附原文链接,对部分平台更改其文内容当自己原创者,胡金金个人网站将保留其追究权利!
个人资讯推荐
友情链接