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_id option[text='jquery']").attr("selected", true);

设置select option项:

$("#select_id").append("<option value='value'>text</option>");  //添加一项option 
    $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option 
    $("#select_id option:last").remove(); //删除索引值最大的option 
    $("#select_id option[index='0']").remove();//删除索引值为0的option 
    $("#select_id option[value='3']").remove(); //删除值为3的option 
    $("#select_id option[text='4']").remove(); //删除text值为4的option

清空 select:

$("#ddlregtype ").empty();

工作需要,要获得两个表单中的值。如图:

如何获得从左边选择框添加到右边选择框中的值?我想了想用网页特效可以获得,这里用了比较流行的jquery。 
js代码如下:

//获取所有属性值 var item = $("#select1").val(); 
    $(function(){ 
      $('#select1').each(  //获得select1的所有值 
         function(){ 
            $('button').click(function(){ 
                alert($('#select2').val());  //获得select2中的select1值 
            }); 
         }); 
    }) 
    </script>

值得注意的是,不能直接写成

$(function(){ 
      $('#select2').each(  //获得select1的所有值,因为前面讲选项从左边添加到右边,jquery其实并没有真正将值从左边传到右边。 
         function(){ 
            $('button').click(function(){ 
                alert($(this).val());  //获得select2中的select1值 
            }); 
         }); 
    })

html: 
    <div class="centent"> 
            <select multiple="multiple" id="select1" name="dd" style="width:100px;height:160px;"> 
                <option value="1">选项1</option> 
                <option value="2">选项2</option> 
                <option value="3">选项3</option> 
                <option value="4">选项4</option> 
                <option value="5">选项5</option> 
                <option value="6">选项6</option> 
                <option value="7">选项7</option> 
            </select> 
            <div> 
                <span id="add" >选中添加到右边&gt;&gt;</span> 
                <span id="add_all" >全部添加到右边&gt;&gt;</span> 
            </div> 
        </div> 
        <div class="centent"> 
            <select multiple="multiple" id="select2" name="sel" style="width: 100px;height:160px;"> 
            </select> 
            <div> 
                <span id="remove">&lt;&lt;选中删除到左边</span> 
                <span id="remove_all">&lt;&lt;全部删除到左边</span> 
            </div> 
        </div>

使用JQuery,Ajax调用动态填充Select的option选项

//绑定ClassLevel1单击事件 
        $("#ClassLevel1").change(function () { 
            var id = $("#ClassLevel1").val(); 
            var level2 = $("#ClassLevel2"); 
            level2.empty(); 
            $("#ClassLevel3").hide(); 
            $.ajax({ 
                url: "./askCommon.ashx?action=getclasslevel&pid=" + id, 
                data: { "type": "ajax" }, 
                datatype: "json", 
                type: "get", 
                success: function (data) { 
                    var json = eval_r(data); 
                    for (var ind in json) { 
                        level2.append($("<option value='" + json[ind].id + "'>" + json[ind].typename + "</option>")); 
                    } 
    
                } 
            }); 
        })

Jqery之select操作的更多相关文章

  1. jqery对于select级联操作

    问题:今天在做一个需求的时候,有一个级联操作也就是选中下拉框的一列就显示对对应的数据 处理:我在做级联的时候在option的列里面绑定click的事件发现这个事件行不通:查资料发现select触发的是 ...

  2. jQuery对下拉框Select操作总结

    jQuery对下拉框Select操作总结 转自网络,留做备用 jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change( ...

  3. jquery select操作和联动操作

    (function(){ //select操作 $.fn.loadSelect = function(opt){ opt = $.extend({}, { required:false,//为真则添加 ...

  4. postgresql shell发起select操作报错ERROR: relation "tablename" does not exist

    最近安装了一套clourdera manager,其中hive元数据保存在postgresql中,因为今天想看一下hive的元数据信息,就登录了psql,连接到hive元数据库,发起select操作, ...

  5. Netty源码分析第2章(NioEventLoop)---->第6节: 执行select操作

    Netty源码分析第二章: NioEventLoop   第六节: 执行select操作 分析完了selector的创建和优化的过程, 这一小节分析select相关操作 跟到跟到select操作的入口 ...

  6. 稀疏数据压缩查询方法:Rank & Select 操作

    1.稀疏数据的例子 对于网络图对应的节点关联矩阵.数据生成的哈希表等,这些存储起来是稀疏的,这样我们就会想到需要压缩空间.但是在压缩存储空间的同时,还要支持高效的查询操作. Rank & Se ...

  7. 035——VUE中表单控件处理之使用vue控制select操作文字栏目列表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. jquery radio、 checkbox、 select 操作

    转载:http://www.haorooms.com/post/checkandselect $("input[id^='code']");//id属性以code开始的所有inpu ...

  9. jQuery对Select操作大集合

    介绍了jQuery对Select的操作进行了详细的汇总. 1.jQuery添加/删除Select的Option项: 2.$("#select_id").append("& ...

随机推荐

  1. hdu 5480 Conturbatio 线段树 单点更新,区间查询最小值

    Conturbatio Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=54 ...

  2. swift 开篇

    苹果的WWDC ,除了公布了os x 10.10 和IOS8 外,还推出了Swift.具体点击这里 代码整体风格有点像Java,也有点像javascript. 以下给出一些代码段(来自苹果官方手冊): ...

  3. 标准I/O库之流和FILE对象

    对于标准I/O库,它们的操作是围绕流(stream)进行的.当用标准I/O库打开或创建一个文件时,我们已使一个流与一个文件相关联. 对于ASCII字符集,一个字符用一个字节表示.对于国际字符集,一个字 ...

  4. 创建线程(Background Thread)的N种方式

    第一.Thread类 Thread类是实例化线程的主要方法:一个Thread实例管理一个线程,即执行序列.通过简单实例化一个对象,就可以创建一个线程,然后通过Thread对象提供的方法对线程进行管理. ...

  5. tar备份系统的方法

    下面是备份系统的方法: 然后打开终端,输入以下命令: 1.成为根用户:   sudo su 2.转到根目录:   cd / 然後,下面就是我用来备份我的系统的完整的命令:tar -cvpzf /med ...

  6. phpcms v9 模板标签说明整理

    1.{template "content","header"} 2.网站网址调用:{siteurl($siteid)}: 3.标签get:分页,{pc:get ...

  7. Asp.Net 之 未能加载文件或程序集 system.web.extensions 解决方法

    最近做项目发现未能加载文件或程序集的错误,这是由于我的机器上没有安装Ajax的原因.问题解决后,整理如下:表现:1."System.Web.Extensions, Version=1.0.61025. ...

  8. rownum与rowId

      一.RowNum Rownum是oracle生成结果集时得到的一个伪列, 按照读出行的顺序, 第一条rownum=1, 第二条=2. 对于 Oracle 的 rownum 问题,很多资料都说不支持 ...

  9. Socket知识总结

    一.网络编程相关概念 1. 互联网通过ip定位电脑 2. 在电脑中通过port定位程序 3. 程序和程序之间通过协议定义通信数据格式 二.Socket相关概念 1. ip地址 1) 每台联网的电脑都有 ...

  10. 一个用ASP生成html的新方法

    目前已经有很多生成html的新闻系统,但是都是用的模板,本函数实现把asp页面产生的html代码保存成为一个html文件,这样就没有必要改动原来的页面就可以轻松完成一个生成html的新闻系统了.^_^ ...