JQuery操作<select>元素
16lz
2021-01-22
select可选属性如下所示:
<select id="departmentNameSelect">
<option id="a">a</option>
<option id="b">b</option>
<option id="c">c</option>
</select>
- 获取被选中option元素内的文本内容
//方法1
var departmentName = $("#departmentNameSelect option:selected").val();
//方法2
var departmentName = $("#departmentNameSelect option:selected").text();
- 设置某个option子元素被选中
$("#a").attr("selected", "selected");
- 获取被选中option子元素的id属性
var id = $("#departmentNameSelect option:selected").attr('id');
- 动态添加option子元素
var optionEle = $("<option>"+d+"</option>").attr("id", "d");
optionEle.appendTo($("##departmentNameSelect"));
- 动态删除option元素
$("#a").remove();
更多相关文章
- jQuery -> 获取后代元素的三种方法
- jQuery捕获被点击元素的ID
- Yii - 加载ajax表单元素的用户端验证
- jsf中获取属性值的普通获取和jquery获取区别
- 删除后重新插入后保留对元素的引用
- bootstrap-select js jQuery控制select属性变化
- jquery中获取相邻元素相关的命令:next()、prev()和siblings()
- JQUERY组装对象并调用自身函数改变自己的属性
- 如何选择两个h2之间的所有元素