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

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

     

    Kenyataan
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

    Alat AI Hot

    Undresser.AI Undress

    Undresser.AI Undress

    Apl berkuasa AI untuk mencipta foto bogel yang realistik

    AI Clothes Remover

    AI Clothes Remover

    Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

    Undress AI Tool

    Undress AI Tool

    Gambar buka pakaian secara percuma

    Clothoff.io

    Clothoff.io

    Penyingkiran pakaian AI

    Video Face Swap

    Video Face Swap

    Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

    Alat panas

    Pelayar Peperiksaan Selamat

    Pelayar Peperiksaan Selamat

    Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.

    PhpStorm versi Mac

    PhpStorm versi Mac

    Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

    SecLists

    SecLists

    SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

    Hantar Studio 13.0.1

    Hantar Studio 13.0.1

    Persekitaran pembangunan bersepadu PHP yang berkuasa

    SublimeText3 versi Inggeris

    SublimeText3 versi Inggeris

    Disyorkan: Versi Win, menyokong gesaan kod!