`
romantictravel
  • 浏览: 15487 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

操作select

 
阅读更多
/**获得选择的文本*/
function selectText(id){
  return $("#"+id).find("option:selected").text();
}
function selectValue(id){
  return $("#"+id).val();
}
/**获取select选择的索引值*/
function selectIndex(id){
  return $("#"+id).get(0).selectedIndex;
}
/**获取select最大的索引值*/
function selectLastIndex(id){
  return $("#"+id+" option:last").attr("index");
}
/**设置select的Text值为JQuery的选中*/
function setSelectText(id,text){
  $("#"+id+"option[text='"+text+"']").attr("selected", true);
}

/**为select追加一个Option(下拉项)*/
function optionAppend(id,value,text){
  $("#"+id).append("<option value='"+value+"'>"+text+"</option>");
}

/**为select插入一个option(第一个位置)*/
function optionInsert(id,value,text){
  $("#"+id).prepend("<option value='"+value+"'>"+text+"</option>");
}

/**删除select中索引值最大option(最后一个)*/
function optionDeleteLast(id){
$("#"+id+" option:last").remove();
}

/**删除select中索引值为0的option(第一个)**/
function optionDelete(id){
  $("#"+id+" option[index='0']").remove();
}

/**删除select中知道value的option*/
function delOptionByVal(id ,value){
$("#"+id+" option[value='"+value+"']").remove();
}

/**删除select中text=’4’的option*/
function delOptionByText(id,text){
$("#"+id+" option[text='"+text+"']").remove();
}
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    [转]Jquery操作select 收藏

    总的来说,掌握jQuery操作select的方法对于前端开发来说是非常实用的技能,它能够提高代码的效率和可读性,同时为用户带来更好的交互体验。通过学习这篇博客和提供的文件,开发者可以深化对jQuery操作select的理解,...

    Javascript 操作select控件大全

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

    JQuery操作select

    本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`函数展示了如何遍历并修改select的option。在这个例子中,函数根据`shipping.value`的值决定是否移除或添加特定的option。当`shipping....

    jquery操作select大全

    ### jQuery操作Select大全知识点详解 #### 1. 概述 jQuery操作Select大全主要包含了一系列使用jQuery操作select下拉列表的方法和实例。在Web开发过程中,动态地与select元素进行交互是常见的需求,jQuery为此提供...

    js操作select控件大全

    js 操作 select 控件大全 js 操作 select 控件大全是 JavaScript 中对 select 控件的各种操作的集合,包括新增、修改、删除、选中、清空、判断存在等多种操作。下面将对这些操作进行详细的介绍和讲解。 一、 判断 ...

    js 操作select和option

    ### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`&lt;select&gt;` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `&lt;option&gt;` 子元素供用户选择。通过 JavaScript,我们可以实现...

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

    ### Js操作Select大全知识点详解 #### 一、概述 JavaScript(简称JS)是网页开发中不可或缺的一部分,尤其在处理用户界面交互方面具有重要作用。本文档将详细介绍如何利用原生JavaScript和jQuery来操作`&lt;select&gt;`...

    Jquery操作Select option整理

    ### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`&lt;select&gt;`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...

    Javascript 操作select下拉框

    ### JavaScript 操作 Select 下拉框的关键知识点 在 Web 开发中,`&lt;select&gt;` 元素用于创建下拉列表(或选择框)。这些选择框在用户界面中非常常见,可以用来收集用户输入的信息,比如让用户从一系列选项中选择一个...

    javascript操作Select标记中options集合

    这篇博客“javascript操作Select标记中options集合”深入探讨了如何利用JavaScript动态地管理和操作这些选项。以下是关于这个主题的一些关键知识点: 1. **DOM操作**:在JavaScript中,我们可以使用DOM(Document ...

    jquery操作select插件.pdf

    《jQuery操作select插件详解》 在Web开发中,jQuery库因其简洁的API和强大的功能深受开发者喜爱。本文将深入解析一个由John Liu编写的jQuery插件——jquery.liu.select.js,该插件专注于对HTML `&lt;select&gt;` 元素的...

    键盘操作select下拉框

    在某些情况下,特别是对于无障碍功能或提高操作效率而言,能够通过键盘来操作`select`下拉框是非常重要的。本篇文章将详细探讨如何实现键盘操作`select`下拉框,以及相关的技术和最佳实践。 首先,了解基本的...

    Javascript操作Select和Option

    Javascript操作Select和Option 一个网页 挺全的

    Selenium WebDriver调用JQuery操作Select元素

    使用Selenium自带的API操作Select元素时页面可能出现上移或遮挡,导致元素操作失败; 介于此问题,可以使用JQuery来操作Select元素,具体实现见附件。

    js操作select大全 转

    根据给定的信息,本文将对JavaScript操作`&lt;select&gt;`元素的方法进行详细介绍,这些方法涵盖了创建、选择、删除选项等操作。 ### 1. 检查`&lt;select&gt;`元素是否存在值为`paraValue`的项 ```javascript function ...

    js操作select相关方法

    以上代码展示了JavaScript操作`select`元素的一些常见方法。首先,`jsSelectIsExitItem`函数用于检查`select`中是否存在指定`value`的选项。如果存在,它将返回`true`,否则返回`false`。接着,`jsAddItemToSelect`...

    Js操作Select大全.doc

    以上是JavaScript操作`&lt;select&gt;`标签的一些基本方法。在实际开发中,这些功能可能会作为更复杂交互的基础,例如动态加载数据、响应用户事件等。了解并熟练掌握这些操作,对于提升网页的交互性和用户体验至关重要。

Global site tag (gtag.js) - Google Analytics