JS操作select下拉框动态变动（创建删除获取）1.动态创建select
复制代码代码如下:
function createSelect(){
var mySelect = ateElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
2.添加选项option
复制代码代码如下:
function addOption(){
//根据id查对象，
var ElementByIdx_x('mySelect');
//添加⼀个选项
obj.add(new Option("⽂本","值"));
}
3.删除所有选项option
复制代码代码如下:
function removeAll(){
var ElementByIdx_x('mySelect');
obj.options.length=0;
}
4.删除⼀个选项option
复制代码代码如下:
function removeOne(){
var ElementByIdx_x('mySelect');
//index，要删除选项的序号，这⾥取当前选中选项的序号
var index=obj.selectedIndex;
ve(index);
}
5.获得选项option的值
复制代码代码如下:
var ElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].value;
js教程removechild6.获得选项option的⽂本
复制代码代码如下:
var ElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].text;
7.修改选项option
复制代码代码如下:
var ElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index]=new Option("新⽂本","新值");
8.删除select
复制代码代码如下:
function removeSelect(){
var mySelect = ElementByIdx_x("mySelect"); veChild(mySelect);
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。