`

清空select 动态添加select

阅读更多

//设置方案(先清空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;
         }
    }
 }

分享到:
评论

相关推荐

    清空select标签中option选项的3种不同方式

    复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....

    html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在

    在HTML和JavaScript编程中,`&lt;select&gt;`元素用于创建下拉列表,经常需要进行动态操作,比如添加、删除、修改选项,以及选中和清空选中的值。本篇文章将探讨如何通过JavaScript来实现这些功能,并判断控件是否存在。...

    jquery Ajax实现Select动态添加数据

    在本案例中,我们将深入探讨如何使用jQuery和Ajax技术来实现在Select元素中动态添加数据,这通常用于实现交互式的用户界面,如联动下拉菜单。 首先,背景情况是这样的:传统的Select元素通常在页面加载时就包含了...

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾 png

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面,发现bootstarp框架多选会自带一个span标签,清空与赋值就是把这个span标签重置,在浏览器调试页面中找到这个span标签,通过class选择器,对...

    jquery 动态select实现

    本篇文章将详细讲解如何利用jQuery实现动态`select`下拉框的功能,这对于创建动态交互式的网页界面至关重要。 首先,我们需要理解`select`元素在HTML中的作用。`&lt;select&gt;`标签用于创建一个下拉列表,用户可以从预设...

    动态循环加载select中选中的值

    接着,我们使用JavaScript来动态添加选项和设置选中项。假设我们有一个JSON数组,其中包含了所有选项的信息: ```json [ { "value": "option1", "selected": true }, { "value": "option2", "selected": false } ...

    jQuery取得设置清空select选择的文本与值

    在JavaScript的世界里,...无论是获取选中项的文本、值还是索引,或者是添加、删除选项,或者清空`&lt;select&gt;`,都有对应的简便方法。对于处理用户交互和数据传递,jQuery也能很好地支持,使得前端开发更为高效和便捷。

    jquery 动态遍历select 赋值的实例

    来清空select元素中的现有内容。这是一个非常有用的jQuery方法,可以移除集合中所有匹配元素的子节点,从而确保在添加新的option之前select列表是空的。 以上就是这篇关于"jquery动态遍历select赋值的实例"中涉及的...

    实现select各种搜索功能

    4. **搜索结果清空**:添加一个清空按钮,允许用户快速清除搜索结果并恢复所有选项。 5. **回车触发选择**:用户按下回车键时,选中当前高亮的搜索结果。 6. **搜索提示**:提供友好的提示信息,如“请输入搜索...

    将查询条件的input、select清空

    此外,为了提高用户体验,可以考虑添加一个清空按钮,并与上述代码配合,当用户点击该按钮时执行清空操作。同时,确保在执行清空操作后,页面的其他功能,如查询结果的刷新,能够正确响应。 总之,清空查询条件的`...

    js 动态新增改变删除select的值

    本文将详细讲解如何通过 JavaScript 动态地添加、修改和删除 `&lt;select&gt;` 元素中的选项。 #### 描述:Javascript 操作 select 是表单中常见的一种,删除多个 select 值时出现的问题及解决方案 在处理 `&lt;select&gt;` ...

    Js操作Select大全(取值、设置选中等等)

    // 清空第二个`select` $(".selector2").empty(); // 循环添加新`option` var option = $("&lt;option&gt;").val(1).text("pxx"); $(".selector2").append(option); }); ``` ##### 6. 其他常用操作 除了上述基本操作...

    Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)

    本文将详细介绍如何使用JavaScript对`&lt;select&gt;`控件进行各种操作,包括新增选项、修改选项、删除选项、选中特定选项、清空所有选项以及判断某个值的选项是否存在。 ### 一、判断选项是否存在 使用以下函数可以检查...

    jq重置select下拉列表.docx

    例如,在用户登录后,我们需要清空select下拉列表,以便显示默认的选项。 三、jq重置select下拉列表的方法 jq提供了多种方法来重置select下拉列表,以下是一些常用的方法: 1. 使用 val() 方法 ``` $('#c-cerate_...

    基于layui的select多选解决方案

    在layui的基础上,把select选择框可更改为多选框,并可进行搜索、筛选值。下拉框内容可物理分页配置、自定义搜索模式(远程搜索)。 存在layui时, 同样也能直接使用xmSelect, 不用必须layui.xmSelect 具有多选上限设置...

    select2 省市区 级联 下拉菜单

    3. **HTML结构**:创建三个`&lt;select&gt;`元素,分别代表省、市、区,并为它们添加相应的ID以便后续使用。 ```html &lt;select id="province"&gt;&lt;/select&gt; &lt;select id="city" disabled&gt;&lt;/select&gt; &lt;select id="district" ...

    layui第三方插件xm-select

    在layui的`index.html`文件的`&lt;head&gt;`部分,添加对`xm-select.js`和对应的CSS文件(如`xm-select.css`)的引用。这些文件通常位于`dist`目录下。 ```html &lt;link rel="stylesheet" href="path/to/xm-select.css"&gt; ...

Global site tag (gtag.js) - Google Analytics