ホームページ > バックエンド開発 > PHPチュートリアル > jQuery PHP は、選択オプションのテキストと値を取得します (選択された都市の例を使用)

jQuery PHP は、選択オプションのテキストと値を取得します (選択された都市の例を使用)

WBOY
リリース: 2016-06-13 12:53:25
オリジナル
957 人が閲覧しました

jQuery PHP は、[選択] オプションで選択されたテキストと値を取得します (選択された都市の例)


PHP コード:

                 <li>
                    <span class="l2">所在城市</span>
                    <select class="city">
                        <option  value="">选择所在城市</option>
                       <%foreach from=$supportcity item=city key=k%>
                        <option value="<%$k%>" <%if $nowcity==$city.city_name%>selected<%/if%> ><%$city.city_name%></option>
                        <%/foreach%>
                    </select>
                </li>
                <li>
                <span class="l2" id="area">所在地区</span>
                <%foreach from=$supportcity item=city key=k%>
                    <select class="area" citycode="<%$k%>" >
                        <option value="">选择所在地区</option>
                        <%foreach from=$city.areas item=area%>
                            <option value="<%$area.area%>"><%$area.area%></option>
                        <%/foreach%>
                    </select>
                <%/foreach%>
                </li>
ログイン後にコピー

JQueryコード:

        $("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 ラジオ値、チェックボックス値、選択値、ラジオ選択、チェックボックス選択、選択選択、および関連設定

ラジオで選択された項目のセットの値を取得します: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();

選択ドロップダウン ボックスの 2 番目の要素は、現在選択されている値です: $('#select_id')[0].selectedIndex = 1;

選択ドロップダウン ボックスの value = 'val' を持つ要素は、現在選択されている項目です: $("select[name=items] option[value='val']")。 attr("選択済み", "選択済み");

radio ラジオ グループの 2 番目の要素は現在選択されている項目です: $('input[@name=items]').get(1).checked = true または $('input; [name=items]').attr("チェック済み", '1');

ラジオの value = 'val' を持つ要素は、現在選択されている項目です: $('input[name=items] [value='val']').attr("checked", "チェック済み");


値の取得:

テキストボックス、テキストエリア:$("#txt").attr("value");

複数選択ボックス チェックボックス:$("input[name='checkbox':checked]").each(function(){

var val = $(this).val();

});

ラジオ選択グループ radio: $("input[type=radio][checked]").val();

ドロップダウン ボックス select の値: $('select').val();

ドロップダウン ボックスで選択されたテキスト値 select:$("select").find("option:selected").text();

コントロールフォーム要素:

テキストボックス、テキストエリア:$("#txt").attr("value","); //内容をクリア

$("#txt").attr("value",'11') //内容を記入します

複数選択ボックスのチェックボックス:
チェックボックスの 2 番目の要素がチェックされます: $("input[name=items]").get(1).checked = true; //Tick
                                                                                                     

チェックボックスで value='val' の要素にチェックを入れます:$("input[name=item][value='val']").attr("checked",true); または$("input[name=item][value='val']").attr("チェック済み","チェック済み");

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")//ドロップを追加-down ボックスオプション

$("#sel").empty();//ドロップダウン ボックスをクリアします

jQuery は Radio によって選択された値を取得します

コード

$("input[name='radio_name'][checked]").val(); //選択したラジオの値を選択します

$("#text_id").focus(function(){//code...}) //オブジェクト text_id がフォーカスを取得するとイベントがトリガーされます
$("#text_id").blur(function(){//code...}); //オブジェクト text_id がフォーカスを失ったときにトリガーされるイベント
$("#text_id").select(); //テキストボックスのVlaue値を選択状態にします
$("input[name='radio_name'][value='選択するラジオの値'").
attr("checked",true); // Value
に従ってラジオを選択された状態に設定します。

jQuery は CheckBox で選択された Value 値を取得します

$("input[name='checkbox_name'][checked]"); // 選択した CheckBox 要素のコレクションを選択する場合は、このコレクションを走査する必要があります。
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//選択した CheckBox 要素のコレクションを走査し、Value 値を取得します
$("#checkbox_id").attr("checked"); //CheckBox のステータスを取得します (選択されているかどうか、true/false を返します)
$("#checkbox_id").attr("checked",true); //チェックボックスのステータスをチェック済みに設定します (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=ラジオ名][value=ラジオ値]").attr("チェック済み","チェック済み");



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート