//设置方案(先清空select的值,在添加select的option选项)
var allPlan=areaInfo.handlePlan;
var planSelect = document.getElementById("handlePlanID");
for(var i=planSelect.length-1;i>=0;i--){
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){
planSelect.remove(i);
}else if (navigator.userAgent.indexOf('Firefox') >= 0){
document.getElementById("handlePlanID").remove(i);
}else{
document.getElementById("handlePlanID").remove(i);
}
}
if(allPlan==""){
planSelect.options.add(new Option("无方案", ""));
} else{
var allPlanArray=allPlan.split("&&");
for(var i=0;i<allPlanArray.length;i++){
var id=allPlanArray[i].split("##")[0];
var name=allPlanArray[i].split("##")[1];
planSelect.options.add(new Option(name, id));
if(id==areaInfo.handlePlanID){
planSelect.options[i].selected=true;
}
}
}
分享到:
相关推荐
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
在HTML和JavaScript编程中,`<select>`元素用于创建下拉列表,经常需要进行动态操作,比如添加、删除、修改选项,以及选中和清空选中的值。本篇文章将探讨如何通过JavaScript来实现这些功能,并判断控件是否存在。...
在本案例中,我们将深入探讨如何使用jQuery和Ajax技术来实现在Select元素中动态添加数据,这通常用于实现交互式的用户界面,如联动下拉菜单。 首先,背景情况是这样的:传统的Select元素通常在页面加载时就包含了...
给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面,发现bootstarp框架多选会自带一个span标签,清空与赋值就是把这个span标签重置,在浏览器调试页面中找到这个span标签,通过class选择器,对...
本篇文章将详细讲解如何利用jQuery实现动态`select`下拉框的功能,这对于创建动态交互式的网页界面至关重要。 首先,我们需要理解`select`元素在HTML中的作用。`<select>`标签用于创建一个下拉列表,用户可以从预设...
接着,我们使用JavaScript来动态添加选项和设置选中项。假设我们有一个JSON数组,其中包含了所有选项的信息: ```json [ { "value": "option1", "selected": true }, { "value": "option2", "selected": false } ...
在JavaScript的世界里,...无论是获取选中项的文本、值还是索引,或者是添加、删除选项,或者清空`<select>`,都有对应的简便方法。对于处理用户交互和数据传递,jQuery也能很好地支持,使得前端开发更为高效和便捷。
来清空select元素中的现有内容。这是一个非常有用的jQuery方法,可以移除集合中所有匹配元素的子节点,从而确保在添加新的option之前select列表是空的。 以上就是这篇关于"jquery动态遍历select赋值的实例"中涉及的...
4. **搜索结果清空**:添加一个清空按钮,允许用户快速清除搜索结果并恢复所有选项。 5. **回车触发选择**:用户按下回车键时,选中当前高亮的搜索结果。 6. **搜索提示**:提供友好的提示信息,如“请输入搜索...
此外,为了提高用户体验,可以考虑添加一个清空按钮,并与上述代码配合,当用户点击该按钮时执行清空操作。同时,确保在执行清空操作后,页面的其他功能,如查询结果的刷新,能够正确响应。 总之,清空查询条件的`...
本文将详细讲解如何通过 JavaScript 动态地添加、修改和删除 `<select>` 元素中的选项。 #### 描述:Javascript 操作 select 是表单中常见的一种,删除多个 select 值时出现的问题及解决方案 在处理 `<select>` ...
// 清空第二个`select` $(".selector2").empty(); // 循环添加新`option` var option = $("<option>").val(1).text("pxx"); $(".selector2").append(option); }); ``` ##### 6. 其他常用操作 除了上述基本操作...
本文将详细介绍如何使用JavaScript对`<select>`控件进行各种操作,包括新增选项、修改选项、删除选项、选中特定选项、清空所有选项以及判断某个值的选项是否存在。 ### 一、判断选项是否存在 使用以下函数可以检查...
例如,在用户登录后,我们需要清空select下拉列表,以便显示默认的选项。 三、jq重置select下拉列表的方法 jq提供了多种方法来重置select下拉列表,以下是一些常用的方法: 1. 使用 val() 方法 ``` $('#c-cerate_...
在layui的基础上,把select选择框可更改为多选框,并可进行搜索、筛选值。下拉框内容可物理分页配置、自定义搜索模式(远程搜索)。 存在layui时, 同样也能直接使用xmSelect, 不用必须layui.xmSelect 具有多选上限设置...
3. **HTML结构**:创建三个`<select>`元素,分别代表省、市、区,并为它们添加相应的ID以便后续使用。 ```html <select id="province"></select> <select id="city" disabled></select> <select id="district" ...
在layui的`index.html`文件的`<head>`部分,添加对`xm-select.js`和对应的CSS文件(如`xm-select.css`)的引用。这些文件通常位于`dist`目录下。 ```html <link rel="stylesheet" href="path/to/xm-select.css"> ...