`
lmh2072005
  • 浏览: 114220 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

select

 
阅读更多

好记性不如好笔记,再次mark下

select 下的option标签  设置为display:none 时在IE下无效  设置disabled 属性时在IE6下无效。

新建option:

1、var option = new Option(text,value); 
2、var option = new Option(); 
option.text = text; 
option.value=value; 

select.options.add(option)方法向集合里添加一项option对象; 

select.options.remove(index)方法移除options集合中的指定项; 

select.selectedIndex或select.options.selectedIndex 获取选中项索引号。

分享到:
评论

相关推荐

    select美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用

    在网页设计中,`<select>` 标签用于创建下拉列表,但其默认样式往往不符合现代网页的美观要求。为了提升用户体验并保持与原始HTML`<select>` 标签的功能兼容性,开发者通常会使用自定义样式来美化下拉菜单。本主题...

    使select可以输入

    自制的jquery插件,只需要一行代码,即可将select控件变成一个即可以输入也可以选择的元素,输入时也会有智能提示。对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有...

    实现可编辑的select

    在网页开发中,选择框(`<select>`)通常用于让用户在预设的选项中进行选择。然而,标准的HTML `select` 元素并不支持直接编辑,即用户无法自由输入新的选项。为了提供这种功能,开发者通常会利用JavaScript库来实现...

    layui 监听select选择 获取当前select的ID名称方法

    监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 })...

    select2.mim.js and select2.min.css.zip

    本文将详细介绍Select2及其相关文件`select2.min.js`和`select2.min.css`,以及它们如何在项目中发挥重要作用。 Select2是一款强大的JavaScript库,它能够将普通的HTML `<select>`元素转变为功能丰富的选择器。通过...

    select 带搜索功能

    1. Select2:Select2 是一个流行的jQuery插件,它不仅提供了搜索功能,还有分页、多选、远程数据加载等功能。示例代码如下: ```html <select class="select2" style="width: 100%;"> <option value="option1">...

    select2ztree.zip

    《基于Select2与jQuery-ZTree实现的树形下拉框详解》 在现代网页开发中,用户界面的设计和交互体验愈发重要。一个优秀的界面能够提升用户的操作效率,增强产品的吸引力。今天,我们将深入探讨如何利用Select2和...

    select下拉框添加搜索功能

    在网页开发中,`select`下拉框是常见的用户交互元素,用于提供一系列选项供用户选择。然而,随着用户体验需求的提升,单纯的下拉选择已无法满足所有场景,特别是当选项众多时。为了提高用户的操作效率,我们常常需要...

    jquery select2组件

    **jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `<select>` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选...

    jquery实现select互斥联动

    在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于多级筛选或配置场景。 一、基本概念 1. jQuery:jQuery 是一个高效、简洁而易用的JavaScript库,...

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

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

    select option带自定义图片

    以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 首先,我们需要理解HTML基础。`<select>`元素创建一个可选列表,用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...

    Select2的插件下载.zip

    **Select2插件详解** Select2是一款非常流行的JavaScript库,基于jQuery设计,它的主要目标是为HTML中的`<select>`元素提供一个强大的替代方案。在网页开发中,原生的`<select>`元素功能有限,样式单一,而Select2...

    LayUi组件TableSelect

    在LayUI中,TableSelect是一个强大的组件,它结合了表格与下拉选择框的功能,提供了更丰富的交互体验。这个组件在JavaScript开发中特别适用于处理数据表中的选择操作,尤其是在需要对多选数据进行管理的场景下。 ...

    layui问题之模拟select点击事件的实例讲解

    在Web开发中,模拟select元素的点击事件是一项常见的需求,尤其是当我们希望在不直接与页面交互的情况下改变选项值时。本文将通过实例讲解来阐述如何在使用layui框架的情况下,模拟select的点击事件。 ### 标题知识...

    下拉多选插件ySelect.js.rar

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

    Bootstrap框架下下拉框select搜索功能

    <select id="bs3Select" class="selectpicker show-tick form-control" multiple data-live-search="true"> <option>cow <option>bull <option class="get-class" disabled>ox </select> ``` 在页面加载完成后,...

    用JavaScript来美化HTML的select标签的下拉列表效果

    在现代网页设计中,select下拉列表是实现用户交互的一项基本元素,但在不同的浏览器中,其样式表现差异较大,且在自定义样式方面存在限制,尤其是无法完全通过CSS控制其外观。随着Web标准的推进,浏览器厂商对HTML...

    bootstrap select2插件用ajax来获取和显示数据的实例

    接下来,通过jQuery代码调用Select2插件,对特定的select元素进行初始化。在这个过程中,我们设置了几个关键的配置选项。"placeholder"用于给select元素提供一个默认的提示信息,"tags"允许用户输入自定义的选项,...

    可编辑的select下拉框

    在网页开发中,`<select>`元素通常用于创建下拉列表,但它的功能相对有限,不支持用户自定义输入或实时搜索。为了增强用户体验并提供更丰富的交互性,开发人员通常会利用JavaScript库或插件来扩展这个基本的HTML元素...

Global site tag (gtag.js) - Google Analytics