关于动态操作select的option的值的问题
操作 关于 动态 SELECT option 问题
2023-09-11 14:19:18 时间
关于select标签option的个数动态选择问题
示例代码
返回数据为a,要让select的option中value为a的那一列变为默认选中,并显示
<select id="select">
<option value="1">AAA</option>
<option value="2">BBB</option>
<option value="3">CCC</option>
<option value="4">DDD</option>
<option value="5">EEE</option>
.........
<option value="n">EEE</option>
</select>
自动加载的JS代码
<script>
$(function(){
得到数据a;
var reValur=a;
//获取到option的对象
var obj=document.getElementById("select");
//obj.length;option的长度(个数),obj[i].value;获取相应option的value值
//obj.options.length;obj.children.length;
for(var i=0;i<obj.length;i++){
if(a==obj[i].value){
obj[i].selected=true;
}
}
})
</script>
示例代码
返回数据为a,要让select的option中value为a的那一列变为默认选中,并显示
<select id="select">
<option value="1">AAA</option>
<option value="2">BBB</option>
<option value="3">CCC</option>
<option value="4">DDD</option>
<option value="5">EEE</option>
.........
<option value="n">EEE</option>
</select>
自动加载的JS代码
<script>
$(function(){
得到数据a;
var reValur=a;
//获取到option的对象
var obj=document.getElementById("select");
//obj.length;option的长度(个数),obj[i].value;获取相应option的value值
//obj.options.length;obj.children.length;
for(var i=0;i<obj.length;i++){
if(a==obj[i].value){
obj[i].selected=true;
}
}
})
</script>
相关文章
- 关于python切片操作笔记
- [队列]简单的队列操作
- 关于操作权限
- Linux 网络操作 ping telnet curl netstat
- mysql 日志操作
- 【ANDROID游戏开发十六】ANDROID GESTURE之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能!
- 前端-jQuery-事件操作-select下拉选绑定change动态隐藏与显示
- pycharm 操作的一些设置,记录下
- Hadoop Hive创建外部表及多表join操作
- ABAP实现的在Linux里操作shell的报表
- C# 字符串操作--减少垃圾回收压力
- 100天精通Python(数据分析篇)——第50天:numpy进阶(数组操作、常用方法)
- C++关于二进制位操作小结
- CentOS中Mysql常用操作
- Selenium基础 — iframe表单操作
- 关于mysql 中schema的相关操作
- Go 指针 关于指针的有限操作