讲师中心 微信公众号
AI工具推荐 视频效率加速

jQuery+PHP获取Select option 选择的Text和Value(附选择城市实例)_PHP教程

千杰君_5728

千杰君_5728

发布时间:2016-07-14 10:08:46

|

1164人浏览过

|

来源于php中文网

原创

jQuery+PHP获取Select option 选择的Text和Value(附选择城市实例)_PHP教程
PHP代码:
[php]  
 
  •  
  •     所在城市  
       
             
             
             
             
         
     
  •  
  • 所在地区  
     
       
             
             
                 
             
         
     
     
     
    Jquery代码:
    [javascript] 
    $("select.city").change(function(){  
        var ccode = $(this).val();  
        $("select.area").hide();  
        if(ccode){  
            $("select.area[citycode="+ccode+"]").show();  
        }  
    });  
    var sltcity = $("select.city").val();  
    if(sltcity){  
         $("select.area[citycode="+sltcity+"]").show();  
    }  
     
    下面是详细的:
    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置
     
    获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
    获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();
    获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();
    select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;
    select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");
    radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);
    radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");
     
    获取值:
    文本框,文本区域:$("#txt").attr("value");
    多选框checkbox:$("input[name='checkbox':checked]").each(function(){
    var val = $(this).val();
    });
    单选组radio: $("input[type=radio][checked]").val();
    下拉框select的value值: $('select').val();
    下拉框select选中的text 值:$("select").find("option:selected").text();
    控制表单元素:
    文本框,文本区域:$("#txt").attr("value","); //清空内容
                           $("#txt").attr("value",'11′); //填充内容
    多选框checkbox:
    checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
                                               $("input[name=items]").get(1).checked = false; //不打勾
    checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");
    if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
    单选组radio: $("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项
    下拉框select: $("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项
    $(" ").appendTo("#sel")//添加下拉框的option
    $("#sel").empty();//清空下拉框
     
    jQuery获取Radio选择的Value值
     
    代码
    $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
    $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
    $("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
    $("#text_id").select(); //使文本框的Vlaue值成选中状态
    $("input[name='radio_name'][value='要选中Radio的Value值'").
    attr("checked",true); //根据Value值设置Radio为选中状态
    jQuery获取CheckBox选择的Value值
    $("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
    $($("input[name='checkbox_name'][checked]")).
    each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
    $("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
    $("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
    $("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
    $("input[name='checkbox_name']").attr
    ("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
    $("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
     
     jquery1.3.2
    ISDARK : $("input[@type=radio][name=ISDARK][checked]").val()
     
    $("input[name=radioname][value=radio值]").attr("checked","checked");
     

    www.bkjia.comtruehttp://www.bkjia.com/PHPjc/477749.htmlTechArticlePHP代码: [php] li span class=l2所在城市/span select class=city option value=选择所在城市/option %foreach from=$supportcity item=city key=k% option value=%$k% %if $now...

    相关文章

    PHP速学教程(入门到精通)
    PHP速学教程(入门到精通)

    PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

    下载

    相关标签:

    php

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    热门AI工具

    更多
    Atoms
    Atoms Hot

    Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

    切问学术

    切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

    DeepSeek

    DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

    WorkBuddy

    一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

    音述AI
    音述AI Hot

    一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

    超级简历WonderCV

    一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

    二狗PPT
    二狗PPT Hot

    一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

    Loomy
    Loomy Hot

    一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

    豆包大模型

    豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

    相关专题

    更多
    Buffalo框架数据库开发全教程
    Buffalo框架数据库开发全教程

    本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

    20

    2026.09.23

    Buffalo框架路由与请求处理实操指南
    Buffalo框架路由与请求处理实操指南

    本专题讲解Buffalo框架路由与请求处理机制,涵盖路由注册与分组、资源路由、Handler编写规范、Context上下文方法、参数绑定、中间件编写挂载、Session与Cookie读写、Flash消息及错误页面定制方法。

    0

    2026.09.23

    Buffalo框架零基础入门教程
    Buffalo框架零基础入门教程

    本专题整理Buffalo框架入门内容,涵盖Go环境准备、buffalo CLI安装、新项目生成、目录结构说明、dev热加载启动、数据库连接配置与常见报错排查,帮助新手按约定优于配置的思路跑通第一个Buffalo框架应用。

    20

    2026.09.23

    Conan创建软件包配方指南
    Conan创建软件包配方指南

    本专题介绍通过conanfile.py创建软件包的方法,讲解包名、版本、依赖和构建设置等基础信息,以及source、build、package、package_info等常用方法的作用及编写思路。

    0

    2026.09.22

    Conan二进制包配置指南
    Conan二进制包配置指南

    本专题介绍Conan根据操作系统、编译器、架构和构建类型生成二进制包的方法,讲解Profile、Settings、Options及Package ID的作用,帮助管理不同平台和编译环境下的包版本。

    20

    2026.09.22

    Conan私有仓库搭建教程
    Conan私有仓库搭建教程

    本专题系统的讲解Conan私有仓库的搭建流程,涵盖仓库服务部署、存储目录配置、用户认证、权限划分和远程地址添加,并介绍内部C++依赖包的上传、下载及版本维护方法。

    20

    2026.09.22

    loomy官网入口地址合集
    loomy官网入口地址合集

    本专题汇总了 Loomy 桌面 AI 助理的官方入口地址合集及使用指南。提供 macOS 与 Windows 客户端下载 。Loomy 是讯飞推出的桌面级 AI 工作搭子,支持文件整理、数据分析、网页操作及通过飞书/钉钉远程操控电脑,助你高效完成本地办公任务 。

    20

    2026.09.22

    NumPy常见函数使用方法
    NumPy常见函数使用方法

    本专题整理 NumPy 常见函数使用方法相关教程,覆盖函数大全、参数用法、数组运算、统计聚合、排序处理、where 条件筛选、linspace 创建数列等常用场景,帮助读者快速掌握 NumPy 函数调用思路和实际数据处理技巧。

    0

    2026.09.22

    NumPy性能优化版本更新与常见报错排查
    NumPy性能优化版本更新与常见报错排查

    本专题整理 NumPy 性能优化、版本更新与常见报错排查相关教程,覆盖向量化计算、广播性能、内存布局、NumPy 2.0 升级、版本兼容冲突、安装导入报错、dtype 溢出、矩阵运算异常和 broadcasting 报错修复,帮助读者系统掌握 NumPy 性能调优与问题定位方法。

    20

    2026.09.22

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    tp6+adminlte搭建通用后台
    tp6+adminlte搭建通用后台

    共39课时 | 6.8万人学习

    jQuery基础教程
    jQuery基础教程

    共30课时 | 7.5万人学习

    jQuery  红蓝两方投票功能实战教程
    jQuery 红蓝两方投票功能实战教程

    共8课时 | 2.5万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn