博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery获取select选择的文本与值
阅读量:5166 次
发布时间:2019-06-13

本文共 2810 字,大约阅读时间需要 9 分钟。

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
text");  //添加一项option    $("#select_id").prepend("
"); //在前面插入一项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值            });         });    })     值得注意的是,不能直接写成     $(function(){      $('#select2').each(  //获得select1的所有值,因为前面讲选项从左边添加到右边,jquery其实并没有真正将值从左边传到右边。         function(){            $('button').click(function(){                alert($(this).val());  //获得select2中的select1值            });         });    }) html:    
            
            
                
选中添加到右边>>                
全部添加到右边>>            
        
        
            
            
                
<<选中删除到左边                
<<全部删除到左边            
        
 使用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($("
"));                    }                     }            });        })

 

转载于:https://www.cnblogs.com/streamice/p/jquery_select.html

你可能感兴趣的文章
Linux查看和编辑文件
查看>>
MVC之 自定义过滤器(Filter)
查看>>
loadrunner controller:设置多个load generator
查看>>
关于self.用法的一些总结
查看>>
[原创.数据可视化系列之十三]idw反距离权重插值算法的javascript代码实现
查看>>
SharpDX初学者教程第2部分:创建窗口
查看>>
基于.net standard 的动态编译实现
查看>>
mssql sqlserver in 关键字在值为null的应用举例
查看>>
ArcGIS JS 学习笔记3 实现百度风格的BubblePopup
查看>>
C#中动态加载和卸载DLL
查看>>
在VS2013中使用水晶报表
查看>>
Android(Xamarin)之旅(二)
查看>>
C语言库函数大全及应用实例十三
查看>>
数据类型 text 和 varchar 在 add 运算符中不兼容
查看>>
关于VMWARE虚拟机安装GHOST版XP后不能硬盘启动问题
查看>>
mysql大数据分库和分表 php解决方案
查看>>
Hive入门(四)查询优化
查看>>
题目思路——单词长度
查看>>
作业三:代码规范
查看>>
spring的Bean的生命周期
查看>>