js随记----对下拉列的操作（取下拉列共包含几项、所选的项的索引、所选的项的value和text值

最新推荐文章于 2019-05-26 00:06:24 发布

bzuld

最新推荐文章于 2019-05-26 00:06:24 发布

阅读量587

点赞数

分类专栏： js---随记文章标签： xhtml html

本文链接：https://blog.csdn.net/bzuld/article/details/6889513

版权

js---随记专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function test(sel){
var len=sel.length;// 得到下拉列共多少项
var selectedIndex=sel.selectedIndex;//得到选择的项的索引
var selectedValue=sel.value;//得到选择的项的值
var selectedText=sel.options[0].innerText;//得到选择的项的text值
alert(selectedValue2);

}
</script>
</head>
<select size="8" name="testlid" id="testlid" onChange="test(this)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
size:指的是下拉列一下可以显示几个项
<body>
</body>
</html>