js--select下拉框中的option对象

tainzhi 发布于2019-08-19 18:02 / 720人阅读

摘要：创建对象动态创建对象获得选项的值序号，取当前选中选项的序号获得选项的文本序号，取当前选中选项的序号修改选项序号，取当前选中选项的序号文本值删除

创建Option对象

var option1 = document.createElement("option");

动态创建Option对象

function createSelect(){ 
    var new_option= document.createElement("select");  
    new_option.id = "mySelect";  
    document.body.appendChild(new_option); 
}

获得选项option的值

var obj=document.getElementById("mySelect"); 
var index=obj.selectedIndex;     //序号，取当前选中选项的序号 
var val = obj.options[index].value;

获得选项option的文本

var obj=document.getElementById("mySelect"); 
var index=obj.selectedIndex; //序号，取当前选中选项的序号 
var val = obj.options[index].text;

修改选项option

var obj=document.getElementById("mySelect"); 
var index=obj.selectedIndex; //序号，取当前选中选项的序号 
var val = obj.options[index]=new Option("文本","值");

删除select

function removeSelect(){ 
    var mySelect = document.getElementById("mySelect"); 
    mySelect.parentNode.removeChild(mySelect); 
}

GPU云服务器云服务器 js中下拉框中去掉重复数据 js select 绑定数据 js中的对象 jquery js select html

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79113.html

模拟select弹框

摘要：模拟弹框功能点点击显示下拉框，再次点击下拉框下拉框消失点击下拉框将值赋值给点击下拉框之外区域，下拉框消失模拟弹框模拟下拉请选择请选择男女模拟select弹框功能点：点击text显示下拉框，再次点击下拉框下拉框消失点击下拉框将值赋值给text 点击下拉框之外区域，下拉框消失 html 模拟select弹框 ...

ASCH 2019-08-20 17:47 评论0 收藏0
模拟select弹框

摘要：模拟弹框功能点点击显示下拉框，再次点击下拉框下拉框消失点击下拉框将值赋值给点击下拉框之外区域，下拉框消失模拟弹框模拟下拉请选择请选择男女模拟select弹框功能点：点击text显示下拉框，再次点击下拉框下拉框消失点击下拉框将值赋值给text 点击下拉框之外区域，下拉框消失 html 模拟select弹框 ...

tomorrowwu 2019-08-29 12:54 评论0 收藏0
模拟select弹框

摘要：模拟弹框功能点点击显示下拉框，再次点击下拉框下拉框消失点击下拉框将值赋值给点击下拉框之外区域，下拉框消失模拟弹框模拟下拉请选择请选择男女模拟select弹框功能点：点击text显示下拉框，再次点击下拉框下拉框消失点击下拉框将值赋值给text 点击下拉框之外区域，下拉框消失 html 模拟select弹框 ...

xialong 2019-08-01 17:05 评论0 收藏0
vue项目中使用element-ui下拉框选项值为对象时报错

摘要：在做后台管理时，使用了搭配，请求方法使用了插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。在做后台管理时，使用了vue搭配elementUI，请求方法使用了axios插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。对select下拉框的文档没有读的很仔细，百度过几篇文章，也没有理解他们表达的意思，然后自己又去看文档，把他的属性看...

Drummor 2019-08-26 10:57 评论0 收藏0
从零开始，SpreadJS新人学习笔记【第5周】

摘要：复制粘贴单元格格式和单元格类型本周，让我们一起来学习的复制粘贴单元格格式和单元格类型，希望我的学习笔记能够帮助你们，从零开始学习，并逐步精通。复制粘贴、单元格格式和单元格类型本周，让我们一起来学习SpreadJS 的复制粘贴、单元格格式和单元格类型，希望我的学习笔记能够帮助你们，从零开始学习 SpreadJS，并逐步精通。在此前的学习笔记中，相信大家已经学会并熟练掌握了Sprea...

shadowbook 2019-08-26 10:18 评论0 收藏0