select下的option选中触发事件

2023-01-23 18:15| 来源: 网络整理| 查看: 265

Option 和 Select 对象的基本使用，这是两个很常用到的标签（这里主要是介绍属性的使用）

//js的方法 function disable() { //启动下拉列表 document.getElementById("mySelect").disabled=true; } function enable() { //禁用下拉列表 document.getElementById("mySelect").disabled=false; } 苹果桃子香蕉桔子 //点击触发事件，调用函数disable()

1.改变下拉列表的可见长度，默认为一个

document.getElementById("mySelect").size=4;//显示4个

2.同时选中下拉列表中的多个选项，前提是要使用1中的size属性，把它设置为两个以上才可以选择多个项

document.getElementById("mySelect").multiple=true;

3.获取当前下标

var sel=document.getElementById('mySelect'); var num=sel.options[sel.selectedIndex].text; //sel.selectedIndex获取下标

function money(){ var sel=document.getElementById('mySelect'); var num=sel.options[sel.selectedIndex].text; alert(sel.selectedIndex); }; 苹果桃子香蕉桔子

4.使用for循环输出下拉列表中的所有option内容

window.onload=function(){ var x=document.getElementById("mySelect"); var y=""; for (i=0;i

【本文地址】

公司简介

联系我们