js控制select组件的option添加或删除

最新推荐文章于 2020-08-31 14:35:48 发布

panm85

最新推荐文章于 2020-08-31 14:35:48 发布

阅读量314

点赞数

分类专栏：前端文章标签： js 控制select 控制option 添加option 删除option ViewUI

本文链接：https://blog.csdn.net/panm85/article/details/84544480

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

页面组件是酱紫：


<html:select property="xxxEntity.xxxSelect">			     
    <html:option value="0">待审批</html:option>
    <html:option value="1">审批通过</html:option>
    <html:option value="2">审批拒绝</html:option>
</html:select>

需要酱样写：


<script type="text/javascript">
setXxxSelect();

function setXxxSelect() {
	var xxxSelect = document.getElementsByName("xxxEntity.xxxSelect")[0];
	xxxSelect.options.length=0;//先清空
	xxxSelect.options.add(new Option("请选择","-1"));
	xxxSelect.options.add(new Option("一审中","0"));
	xxxSelect.options.add(new Option("二审中","1"));
	xxxSelect.options.add(new Option("已生效","2"));
	xxxSelect.options.add(new Option("无效","3"));
}
</script>