您的位置：首页 > 产品设计 > UI/UE

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

2011-10-20 09:05 387 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航