jQuery操作select下拉框的text值和value值的方法

1、jquery获取当前选中select的text值

var checkText=$("#slc1").find("option:selected").text();

2、jquery获取当前选中select的value值

var checkValue=$("#slc1").val();

3、jquery获取当前选中select的索引值

var index=$("#slc1 ").get(0).selectedIndex;

4、jquery设置索引值为1的项为当前选中项

$("#slc1 ").get(0).selectedIndex=1;

5、jquery设置value值2的项为当前选中项

$("#slc1 ").val(2);

6、jquery设置text值为"青藤园"的项为当前选中项

$("#slc1 option[text='青园w']").attr("selected",true);

7、为指定select下拉框追加一个option(追加到在末尾)

$("#slc2").append(""+i+"");

8、为制定select下拉框插入一个option(插入到第一个位置)

$("#slc2").prepend("请选择");

9、jquery删除select下拉框的最后一个option

$("#slc2 option:last").remove();

时间: 2014-05-28

jquery获取select,option所有的value和text的实例

想想学习jQuery也有几天了,然后今天由于工作需要,我需要把select对应下的option所有的value和 text获取出来,然后拼接,导入到xml文件中,结果搞了一下午,终于搞出来了.下面是对应的代码: <body>中的代码是从别人的网站上复制过来的,我现在需要获取它的value和text,然后拼接成 <朝阳>7</朝阳>的形式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

获取select的value、text值的简单示例(jquery与javascript)

1.jquery //获取value值 $("#ddlSubmodel").val(); //获取text值 $("#ddlSubmodel").find("option:selected").text(); 2.javascript //获取value值 document.getElementById("ddlSubmodel").value; //获取text值 var select = document.getEleme

jQuery获取Select选择的Text和Value(详细汇总)

语法解释: 复制代码 代码如下: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val();

JQuery 获取多个select标签option的text内容(实例)

根据option的id属性,修改text值 $("#sel_div .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_div .select_class option[id='-选择市-']").text( data.city).attr("selected",true); $("#sel_div

jQuery获取table行数并输出单元格内容的实现方法

本文实例讲述了jQuery获取table行数并输出单元格内容.分享给大家供大家参考,具体如下: js部分: <script language="javascript" type="text/javascript"> $(function() { $("#txtInput").attr("value", "90"); var v_temp = $("#lblMessage").

jquery获取form表单input元素值的简单实例

一般取值方法 $("#id").val(); $("#id").attr("value"); //其中value是元素的属性名如<s:textfield  id="cifName" key="cifName"   name="#request.consBean.cifName" />的id,key,name属性.取到的值是属性后对应双引号里面的字符. function sav

jquery获取点击控件的绝对位置简单实例

在使用jquery的过程中,想取得当前点击input的绝对位置而去显示一个div,jquery本身提供offset和position这个两个方法,但position官方解释是relative to the offset parent,可以看到是针对父结点的,而offset官方解释relative to the document,貌似使用offset可以直接绝对定位.但是在网页中如果出现嵌套div的情况,top和left会叠加,因此这个时候如果要定位显示一个新的div就要把父亲结点的offset去

jQuery 获取和设置select下拉框的值实现代码

获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选中的索引: $("#d

jquery html动态生成select标签出问题的解决方法

今天用jquery,用json从后台获取一个列表,准备在前台用一个动态生成的select标签显示出来... 结果一直不能显示,动态生成input,a 都是可以的 最后随便的在select前面敲了一堆11111111111111111111111 然后select出现了 怀疑可能跟空格有关,加了个&nbsp在select前面,没反应 之后又尝试了各种方法,还是不行 再从搜狗浏览器换成IE,FIREFOX, 没问题了 才发现是浏览器问题....浪费了3个多小时,无语了 搜狗浏览器也比较坑啊....哎

浅析JQuery获取和设置Select选项的常用方法总结

1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $("#cusChildTypeId option:selected").text() 2.获取select选中的 value: $("#ddlRegType ").val();3.获取select选中的索引:      $("#ddlRegType ").ge

JQuery 获取和设置Select选项的代码

获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选中的索引: $("#d

Select标签下拉列表二级联动级联实例代码

首先从服务器端,绑定下拉列表,二级下拉的text命名按照一定规则加上一级下拉的ID. 复制代码 代码如下: var options=new Array();    $(document).ready(function(){        //二级联动        $('#ddlPages').children('option').each(function(i){            options[i]='<option value="'+$(this).val()+'"&

用jquery获取select标签中选中的option值及文本的示例

1.要想使用jquery首先html或者jsp中得引入jquery文件. 2.话不多说,上代码. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h