`
zjny520
  • 浏览: 179613 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

使用js函数对select中的option排序后输出

    博客分类:
  • JS
 
阅读更多

 

function sortMe(oSel){

var ln = oSel.options.length;

var arr = new Array(); // 这是关键部分

 

// select中的所有optionvalue值将保存在Array

for (var i = 0; i < ln; i++)

{

 

  // 如果需要对option中的文本排序,可以改为arr[i] = oSel.options[i].text;

  arr[i] = oSel.options[i].value;

 

}

 

arr.sort(); // 开始排序

 

// 清空Select中全部Option

 

while (ln--)

{

  oSel.options[ln] = null;

}

 

// 将排序后的数组重新添加到Select

 

for (i = 0; i < arr.length; i++)

{

  oSel.add (new Option(arr[i], arr[i]));

}

}

</script>

分享到:
评论

相关推荐

    JS 将select options 排序

    5. **重新插入排序后的`&lt;option&gt;`**:由于`sort()`方法不会改变DOM结构,所以排序后需要将新的`&lt;option&gt;`数组重新插入到`&lt;select&gt;`元素中。可以使用`removeChild`和`appendChild`方法完成此操作。 以下是一个简单的...

    javascript select options 排序(保持option 对象完整性)

    通过对 `&lt;select&gt;` 中的 `&lt;option&gt;` 元素进行排序,可以显著提升用户的使用体验。但在实现排序功能的同时,必须注意保持 `&lt;option&gt;` 对象的完整性,以确保不会影响到其他相关功能。以上介绍的方法可以帮助开发者轻松...

    select框上下移动排序

    当需要对这些选项进行动态排序,比如允许用户通过上下移动来调整选项的顺序时,就需要用到“select框上下移动排序”的技术。这个功能在很多应用场景中都很常见,比如任务管理、优先级设置等,它可以提升用户的交互...

    java Script ,jquery 写的 select 中的option 左右移动,上下移动

    当用户点击“上移”或“下移”按钮(或者直接在下拉菜单中使用键盘方向键)时,我们需要获取当前选中的`&lt;option&gt;`,并根据移动方向调整其位置。这通常涉及到元素的插入和删除操作: ```javascript $("#moveUp").on...

    Javascript Select操作大集合

    - **排序Option**:可以编写一个函数来根据Option的值或文本对Select进行排序,通过循环遍历并调整Option的位置。 了解这些基本操作对于在JavaScript中处理Select元素至关重要,特别是在动态创建和更新表单、实现...

    js对c#listbox排序

    本文将详细探讨如何使用JavaScript对ASP.NET中的ListBox控件进行排序,并同步更新数据库中的相关数据。 ASP.NET是Microsoft开发的一个用于构建Web应用程序的框架,其中ListBox是一个常用的选择控件,允许用户通过...

    jQuery对Select的操作大集合(收藏)

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对Select元素的处理。Select元素是HTML中用于创建下拉列表的标签,通常用于提供多个选项供用户选择。本文将深入探讨jQuery如何操作...

    JS实现Select的option上下移动的方法

    总的来说,实现`&lt;select&gt;`元素中`&lt;option&gt;`的上下移动是通过JavaScript对DOM操作的一种应用,它涉及到了对`&lt;select&gt;`和`&lt;option&gt;`元素的属性访问、数组操作以及事件监听。这种功能对于创建自定义的下拉列表排序界面...

    js简单实现Select互换数据的方法

    该函数通过遍历保存的`Item_org`数组,按照value和text属性对辅助Select中的option进行排序,并将其添加到主Select中。 #### 7. 实现细节 - 使用`window.onload`方法在页面加载完毕后执行初始化函数,获取Select...

    js模拟携程网按字母排序城市选择效果.zip

    在JavaScript中,可以使用数组存储所有城市,然后使用内置的`sort()`函数根据城市名的首字母进行排序。为了实时响应用户输入,可以设置输入框的`onkeyup`事件,每当用户输入一个字符时,就过滤出以该字符开头的城市...

    js+C#开发无限级select菜单

    在这个项目中,我们将探讨如何使用JavaScript(js)和C#这两种语言来实现一个无限级的Select菜单。Select菜单在网页中通常用于下拉选择,而无限级意味着它可以包含任意数量的子级选项。 首先,让我们来看看...

    javascipt无限级可排序下拉框的实现

    在前端开发中,无限级可排序下拉框是一种常见的需求,尤其在构建具有层级结构的数据展示时,如组织架构、地区选择或者分类导航等。本文将深入探讨如何使用JavaScript实现这种功能,主要涉及迭代和递归的概念。 首先...

    JavaScript实现对下拉列表值进行排序的方法

    本文将详细介绍使用JavaScript对下拉列表(select元素)值进行排序的方法。通过实例演示,我们将会学到如何遍历下拉列表中的元素,并按照某种规则对它们进行排序。 首先,我们需要了解下拉列表的DOM结构。在HTML中...

    angular 默认排序问题

    4. **复杂表达式排序**:如果需要基于计算值进行排序,可以在`orderBy`中使用表达式: ```html | orderBy: 'price * quantity'"&gt;{{item.price}} x {{item.quantity}} ``` 5. **动态排序**:有时,用户可能需要...

    使用Javascript实现选择下拉菜单互移并排序

    要使用JavaScript实现下拉菜单之间的选项互移以及对菜单中的选项进行排序,首先需要了解HTML中select元素、option元素的使用方法,以及JavaScript如何通过DOM操作来动态地添加或移除这些选项。 ### 知识点说明: 1...

    jQGrid动态填充select下拉框的选项值(动态填充)

    在网页开发中,jQGrid是一款非常流行的JavaScript库,用于创建功能丰富的表格。它提供了许多高级功能,如数据检索、排序、过滤、编辑等。在某些场景下,我们需要动态地填充select下拉框的选项值,以实现更灵活的数据...

    使用JavaScript实现下拉框的动态控制

    - 实现选项的重新排序,可以通过创建新的`&lt;option&gt;`元素并将它们按需重新插入到下拉框中。 6. **颠倒所有选项** - 可以通过遍历下拉框的`options`集合,创建一个新的数组来存储这些选项,然后反向插入到下拉框中...

    jquery 超级select插件 v4.0版本

    考虑到实际项目中可能面临的浏览器兼容性问题,jQuery超级Select插件v4.0版本致力于兼容主流的现代浏览器,同时也尽可能对旧版浏览器提供支持。此外,它在性能上做了优化,如延迟初始化、虚拟DOM技术等,以确保在大...

    js中使用 C标签 获取request中的list的值

    在给定的代码片段中,JavaScript函数`doLoad()`使用C标签遍历`dpList`集合,为每一个元素创建一个新的`&lt;option&gt;`标签,并将其添加到ID为`dpselect`的`&lt;select&gt;`元素中。 具体而言,`${dpList}" var="dpList"&gt;`语句...

Global site tag (gtag.js) - Google Analytics