关于下拉框的常用js操作

 

页面代码：

<select id="selTest" onchange="changeColor(this)">
  <option value="-1" selected="selected">默认</option>
  <option value="0">选项A</option>
  <option value="1">选项B</option>
</select>
<script type="text/javascript">
    function changeColor(opt)
    {
        // 得到选中项的索引
        index = opt.selectedIndex;
        alert("选中项的索引：" + index);
        // 得到选中项的文本内容
        content = opt[index].text;
        alert("选中项的文本内容：" + content );
        // 得到选中项的value值
        value = opt[index].value;
        alert("选中项的Value值：" + value );
        // 改变选中的项的文本值
        opt[index].text = "new value";
        // 改变选中的项的索引
        opt[index+1].selected = "selected";
        // 改变颜色
        document.getElementById(opt.id).style.color = "red";
    }
</script>