用JS动态添加select的option

//用JS动态添加select的option
var op=document.createElement("option");      // 新建OPTION (op) 
op.setAttribute("value",0);          		// 设置OPTION的 VALUE 
op.setAttribute("OhterAttr",123);                   // 设置扩展属性,用于验证
op.appendChild(document.createTextNode("选择我")); // 设置OPTION的 TEXT
document.getElementById("SelectID").appendChild(op);           // 为SELECT 新建一 OPTION(op)


//用js获取select的选中值和选中项的属性
var myselect=document.getElementById("SelectID");
var index=myselect.selectedIndex ; 
var selectValue=myselect.options[index].value;
myselect.options[index].getAttribute("OhterAttr")

//动态为select 添加onChange实践
var myselect=$('#SelectID');
//ie8写法
myselect.attachEvent('onchange',
function(){
	alert(1); 
}
);


//chrome写法
myselect.addEventListener('change',
function(){
	alert(1); 
}
);

你可能感兴趣的:(JS)