多级联动,下拉列表取text及value值的两种方法(传统方法+JQuery方法)
2017-08-29 16:44
381 查看
//县级改变,取文本及value值 $("#s3").change(function (){ // 1:拿到select对象: var myselect=document.getElementById("s3"); // 2:拿到选中项的索引: var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index // 3:拿到选中项options的value: var aa=myselect.options[index].value; // 4:拿到选中项options的text: var bb=myselect.options[index].text; alert(aa) alert(bb) // 在此处,下列方法适用于单一下拉列表, // 多级联动的,每个select被选中的text值都会取一次,数据库字段不太合适, // 【省:湖北省】【市:湖北省武汉市】【县:湖北省武汉市xxx县】 // alert($('select option:selected').val()); // alert($('select option:selected').text()); })
相关文章推荐
- jquery 多级联动下拉列表含(数据模型)
- jQuery实现多级联动下拉列表查询框
- Jquery 获取下拉列表 选中项的value和text
- JAVA EE 项目经常使用知识 之AJAX技术实现select下拉列表联动的两种使用方法(让你真正理解ajax)
- js--下拉列表选中(js和jquery两种方法 )
- jQuery实现多级联动下拉列表查询框
- 用Jquery实现多级下拉框无刷新的联动
- ASP利用数据表生成多级联动下拉列表框
- jQuery实现联动下拉列表查询框
- jQuery操作select下拉框的text值和value值的方法
- jquery1.4+VS2010+linq+ajax 品牌和型号下拉列表二级联动
- Jquery动态添加下拉列表的值的方法
- JS获取下拉列表所选中的TEXT和Value的实现代码
- jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
- 基于MVC3下拉列表联动(JQuery)
- JQuery 使用attr方法实现下拉列表选中
- jQuery操作select下拉框的text值和value值的方法
- Jquery 通过 文本 text设置 select 下拉框 的 选中项 (非通过 value)
- [ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 二 ) - 仿亚马逊下拉面板
- 关于spinner自定义下拉列表(两种方法)