찾다
php教程php手册jQuery+PHP获取Select option 选择的Text和Value(附选择城市实例)

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

Jun 13, 2016 am 10:55 AM
optionphpselecttext암호그리고도시~의얻다선택하다

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");

     

    성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

    핫 AI 도구

    Undresser.AI Undress

    Undresser.AI Undress

    사실적인 누드 사진을 만들기 위한 AI 기반 앱

    AI Clothes Remover

    AI Clothes Remover

    사진에서 옷을 제거하는 온라인 AI 도구입니다.

    Undress AI Tool

    Undress AI Tool

    무료로 이미지를 벗다

    Clothoff.io

    Clothoff.io

    AI 옷 제거제

    Video Face Swap

    Video Face Swap

    완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

    뜨거운 도구

    Eclipse용 SAP NetWeaver 서버 어댑터

    Eclipse용 SAP NetWeaver 서버 어댑터

    Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

    스튜디오 13.0.1 보내기

    스튜디오 13.0.1 보내기

    강력한 PHP 통합 개발 환경

    Atom Editor Mac 버전 다운로드

    Atom Editor Mac 버전 다운로드

    가장 인기 있는 오픈 소스 편집기

    ZendStudio 13.5.1 맥

    ZendStudio 13.5.1 맥

    강력한 PHP 통합 개발 환경

    mPDF

    mPDF

    mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.