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

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

你可能感兴趣的:(js随记----对下拉列的操作(取下拉列共包含几项、所选的项的索引、所选的项的value和text值)