`
遐想英灵
  • 浏览: 10497 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

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

阅读更多
页面组件是酱紫:
<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>
分享到:
评论

相关推荐

    javascript 获取select ->option中id、value、label属性及中内容

    javascript 获取select -&gt;option中id、value、label属性及&lt;option&gt;&lt;/option&gt;中内容

    多选select组件 涉及的所有常用操作

    综上所述,多选select组件涉及的操作包括选择与取消选择、获取已选值、添加与删除选项、事件监听、样式控制、禁用与启用、优化与性能、无障碍访问以及使用自定义组件等。`mulSelectOperator.js`文件很可能是对这些...

    js select option

    总结一下,`select`和`option`是网页表单中常用的选择组件,通过JavaScript和JQuery,我们可以方便地创建、读取、更新和删除这些组件的选项。JQuery提供的API使得操作更加简洁,同时提供了丰富的事件处理机制,使得...

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    通过复制element-ui中el-select组件的源码,并做少量修改,给tag添加一个可控制的closable属性,从而实现更加灵活的控制。这种方法虽然灵活,但会增加开发和维护的成本,尤其是当element-ui版本更新时,需要重新...

    layui select动态添加option的实例

    layui是一款轻量级的前端框架,提供了许多实用的组件和功能,select组件是其中的一种,能够实现动态添加option的功能。 首先,我们来看一下html代码: ```html &lt;form class="layui-form" action=""&gt; ...

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    本案例中,我们将讨论一个基于jQuery的自定义下拉框JS插件,它允许我们为`&lt;select&gt;`元素添加图标,使得选择项更加直观且富有表现力。标题"自定义带图标的select,只需把图标地址写在option的title属性中即可"揭示了...

    jquery select2组件

    总结来说,`jQuery Select2`组件以其强大的功能、良好的用户体验和高度的可定制性,成为了网页开发中不可或缺的工具。通过熟练掌握其使用方法和配置选项,开发者可以轻松地提升下拉菜单的交互性和美观度。

    LayUi组件TableSelect

    总的来说,LayUI的TableSelect组件是JavaScript开发中的一个强大工具,它简化了在表格中处理选择操作的复杂性,提供了丰富的交互功能。开发者可以根据项目需求灵活定制,实现各种复杂的数据管理场景。

    固定宽度下拉列表select中option内容显示不全问题解决方法

    对于不希望引入额外库或使用JavaScript的场景,可以尝试调整`&lt;select&gt;`元素的`width`属性。但是,这通常只能解决简单的情况,对于复杂的需求,如动态内容或多列布局,这种方法可能不够灵活。 在文章中,作者Jyao...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    以上就是关于“html多选下拉框,CheckBox的Select组件”的详细解释。通过这种方式,我们可以创建一个具有多选功能的下拉菜单,同时保持良好的用户体验和可定制性。在实际开发中,根据项目需求,可以选择适合的实现...

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    在给出的代码示例中,`a-select`组件的`v-model`绑定到`receiveAcademy`变量,而`option`是通过`v-for`指令动态生成的,基于`allCollege`数组。当通过`getALLCollege`方法从服务器获取数据并填充`allCollege`时,`...

    js实现select组件的选择输入过滤代码

    在JavaScript中,实现一个select组件的选择输入过滤功能,主要是为了提高用户体验,允许用户在下拉选项中快速查找和选择匹配的项。以下是一段实现这一功能的js代码,它将select元素转换为一个可编辑的输入框,同时...

    js之Select用法

    在JavaScript中,`&lt;select&gt;`元素是HTML中的一个标准组件,用于创建下拉菜单。它允许用户从一组预定义的选项中进行选择。在本文中,我们将深入探讨`select`的用法,包括如何创建、操作和处理`select`元素的各种事件。...

    SortSelect vue + elementui自定义按首字母排序下拉列表组件

    // 在这里可以添加更多业务逻辑,如触发事件或更新父组件状态 }, }, ``` 6. **生命周期钩子**:在组件的`mounted`钩子中,可以初始化`filteredOptions`,确保组件加载时显示正确的选项。 ```javascript mounted...

    关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题

    2. 使用`popper-append-to-body`属性:ElementUI提供了一个名为`popper-append-to-body`的属性,将其设置为`false`可以使下拉菜单相对于Select组件定位,而不是整个body。 3. 自定义CSS:通过添加自定义CSS,覆盖...

    select option,鼠标移到哪个选向就给出相应的鼠标提示

    在IT行业中,交互设计是用户体验的关键部分,"select option"的选择项交互是网页或应用程序界面设计中的常见元素。本文将围绕“select option”及其相关的鼠标提示功能进行详细讲解。 "Select option"通常指的是...

    select下拉列表显示图片内容

    可能是指使用jQuery来操作`select`元素,例如`$("#***").append('&lt;option&gt;&lt;img src="..."&gt;&lt;/option&gt;')`来添加带有图片的选项。但需要注意的是,原生的`&lt;option&gt;`标签不支持内联HTML,所以图片需要通过CSS背景图或者...

    select 增加搜索框

    2. **应用Chosen到select元素**:接着,你可以通过jQuery或其他JavaScript库选择`select`元素,并调用`chosen()`方法来激活`Chosen`的功能。确保在DOM加载完成后执行此操作,通常在`$(document).ready()`函数内: `...

    JS模拟select下拉菜单

    使用JavaScript(通常配合CSS)模拟`&lt;select&gt;`,我们可以创建更灵活的组件。以下是一个基本的实现步骤: #### (1) HTML结构 首先,我们需要创建一个具有模拟下拉菜单所需元素的容器,例如: ```html ...

    select各种效果:select带搜索框 多个option项目选择

    此外,为了更友好的用户体验,还可以使用第三方库,如Chosen.js或Select2,它们提供了更美观的多选下拉框,并支持搜索功能。 **3. 自定义样式和交互** 原生的`&lt;select&gt;`样式受限于浏览器默认样式,不同浏览器之间的...

Global site tag (gtag.js) - Google Analytics