`
xudongcsharp
  • 浏览: 480158 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

实现select多选插件

 
阅读更多


JQuery获取和设置Select选项

 

获取Select :

 

 获取select 选中的 text :

   $("#ddlRegType").find("option:selected").text();

 获取select选中的 value:

 

   $("#ddlRegType ").val();

 获取select选中的索引:

     $("#ddlRegType ").get(0).selectedIndex;

 

设置select:

 

 设置select 选中的索引:

     $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

  设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;

  设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++)  
     {           if($("#ddlRegType ").get(0).options[i].text == text)  
        {  
            $("#ddlRegType ").get(0).options[i].selected = true;  
         
            break;  
        }  
    } 

 

清空 Select:

$("#ddlRegType ").empty();
分享到:
评论

相关推荐

    下拉多选插件ySelect.js.rar

    下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选...

    SelectBox下拉复选框多选插件

    在IT领域,尤其是在前端开发中,"SelectBox下拉复选框多选插件"是一种常用的用户界面元素,用于提供用户友好的多选项选择功能。它结合了传统的下拉列表和复选框的特性,使得在有限的空间内,用户能够方便地筛选和...

    select多选下拉框美化

    总之,"select多选下拉框美化"是一个涉及前端多个领域的任务,需要结合jQuery的动态操作和CSS的样式定制,通过创新的布局和交互设计,为用户提供更优质的使用体验。在实际应用中,开发者还需要根据项目需求和用户...

    jQuery Select下拉框分类菜单多选插件

    在本文中,我们将深入探讨"jQuery Select下拉框分类菜单多选插件"这一主题,它是一款用于增强标准HTML选择器功能的实用工具。这款插件不仅提供了分门别类的下拉菜单,还集成了搜索功能,使得用户在处理大量选项时...

    select多选与美化

    "select多选与美化"这个主题关注的是如何在HTML的下拉列表中实现多选功能,并且兼容各种主流浏览器,包括Firefox、Opera、Chrome、Safari以及IE6到IE9。这通常涉及到JavaScript库,特别是jQuery的使用,以及CSS样式...

    jQueryMultipleSelect实现下拉框多选

    而"jQuery Multiple Select"则是jQuery的一个插件,专门用于实现下拉框的多选功能,使得用户可以在下拉菜单中选择多个选项,极大地提高了交互体验。这个插件在各种需要用户进行多项选择的场景中十分实用,例如设置...

    layui的select下拉框插件,可以多选

    总的来说,layui的`select`下拉框插件提供了一种优雅的方式来处理多选选项,其丰富的API和易用性使得在HTML、JavaScript和jQuery项目中实现多选功能变得简单而高效。通过学习和实践,你可以轻松地将这个强大的工具...

    jquery下拉多选select插件.rar

    本资源"jquery下拉多选select插件.rar"提供了一个基于jQuery实现的多选下拉框插件,适用于J2EE开发环境,尤其适合那些希望在网页中创建美观且功能强大的下拉选择器的开发者。 首先,让我们深入了解一下jQuery的选择...

    select 实现多选

    当我们希望实现多选功能时,就需要利用`&lt;select&gt;`的一些特定属性和方法。本篇文章将深入探讨如何在HTML、CSS以及JavaScript中实现`&lt;select&gt;`的多选特性。 ### HTML基础 在HTML中,`&lt;select&gt;`元素有一个名为`...

    jQuery select下拉框单选和多选插件

    **jQuery select下拉框单选和多选插件** 在Web开发中,下拉框(select)是常用的一种用户交互元素,它用于提供多个选项供用户选择。然而,原生的HTML select元素在样式和交互性上往往显得较为单一。为了解决这个...

    jQuery select下拉框单选和多选插件.zip

    js代码 [removed][removed] [removed] $('.form-control-chosen').chosen({ allow_single_deselect: true, ... $('.form-control-chosen-required').chosen({ ... $('[title="clickable_optgroup"]').addClass('...

    element ui select多选组件 重构

    3. **插件集成(plugins)**:可能需要引入第三方插件或自定义插件来扩展组件功能,例如实现筛选、搜索、分页等功能。这可能需要对 `el-select` 进行深入定制,或者利用 Element UI 的插槽系统插入自定义内容。 4. ...

    jquery.multiselect 下拉多选插件 下拉复选框插件

    这个插件不仅提升了用户体验,同时也简化了开发者的代码实现,让复杂的多选功能变得简单易行。 jQuery Multiselect插件的核心特性在于其灵活性和自定义能力。它允许用户以下拉列表的形式展示大量的选项,每个选项都...

    Mootools多选插件

    **Mootools多选插件**是一个专门为Mootools JavaScript框架设计的组件,它扩展了基本的选择功能,允许用户在网页表单中进行多选操作。这个插件由开发者独立创建,特别强调了中文支持,确保了在中国境内的使用体验。 ...

    jquery实现的多选下拉框

    总结来说,"ehynds-jquery-ui-multiselect-widget"是一个强大的jQuery插件,它使得多选下拉框的实现变得简单而高效。通过理解其基本用法和扩展功能,开发者可以创建出更加友好、个性化的用户界面,提升网页的交互...

    xm-select,一款简单多选的select插件

    《XM-SELECT:一款高效实用的多选下拉框插件》 在Web开发中,Select组件是不可或缺的一部分,尤其在处理多选场景时,它的便捷性和灵活性显得尤为重要。XM-SELECT就是这样一款专为解决多选问题而设计的插件,它以其...

    jQuery下拉城市单选多选插件

    总结来说,"jQuery下拉城市单选多选插件"是一个强大的工具,它通过jQuery库实现了下拉城市选择的多样化功能,包括单选、多选和搜索。对于需要在网页上集成城市选择功能的开发者来说,这款插件无疑是一个高效且实用的...

    jQuery多选下拉框插件

    `jquery.multi-select.js`正是这样一款插件,它能够将传统的HTML `select` 元素转变为具有复选框功能的多选下拉框,不仅提升了视觉效果,也增强了用户的操作便捷性。 **一、jQuery库基础** 在深入理解`jquery....

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

    在HTML中,创建一个可多选的下拉框通常涉及到`&lt;select&gt;`元素与`&lt;option&gt;`元素的组合,但为了实现多选功能,我们需要使用`&lt;input type="checkbox"&gt;`和自定义的JavaScript或者利用现代浏览器支持的Web组件技术。...

Global site tag (gtag.js) - Google Analytics