select_jquery で選択されたテキストと値を取得する jQuery の例

選択の取得:
選択されたテキストの取得:
$("#ddlregtype").find("option:selected").text();

選択された値の取得:
$(" #ddlregtype ").val();

選択されたインデックスを取得します:
$("#ddlregtype ").get(0).selectedindex;

選択を設定します:
選択されたインデックスを設定します:
$("#ddlregtype ").get(0).selectedindex=index;//インデックスはインデックス値です

選択された値を設定します:

コードをコピーします コードは次のとおりです:

$("#ddlregtype ").attr("value" ,"normal) ");
$("#ddlregtype ").val("normal");
$("#ddlregtype ").get(0).value = value;

選択したテキストを設定:

コードをコピー コードは次のとおりです:

var count= $ ("#ddlregtype オプション").length;
for(var i=0;i{ if($("#ddlregtype ").get(0).options[i] . text == text)
{
$("#ddlregtype ").get(0).options[i].selected = true;
break
}
}
$("#select_id option[text='jquery']").attr("selected", true);

選択オプション項目を設定します:

コードをコピー コードは次のとおりです:

$("#select_id").append("text< ;/option>"); // オプションを追加します
$("#select_id").prepend("選択してください"); // In 前にオプションを挿入します
$("#select_id option:last").remove(); //最大のインデックス値を持つオプションを削除します
$("#select_id option[index='0'] ").remove();//インデックス値 0 のオプションを削除
$("#select_id option[value='3']").remove(); //インデックス値 3 のオプションを削除
$(" #select_id option[text='4']").remove(); //テキスト値 4 のオプションを削除

選択を解除:

$("# ddlregtype " ).empty();

この作業では、2 つの形式で値を取得する必要があります。図に示すように:

左側の選択ボックスから右側の選択ボックスに追加された値を取得するにはどうすればよいですか?これを実現するために Web ページの特殊効果を使用することを考えましたが、ここではより一般的な jQuery が使用されました。
js コードは次のとおりです:

コードをコピー コードは次のとおりです:

//すべての属性を取得 Value var item = $("#select1").val();
$(function(){
$('#select1').each( //すべての値を取得of select1
function( ){
$('button').click(function(){
alert($('#select2').val()); //select1 の値を取得in select2
});
});

として直接記述することはできないことに注意してください。

コードをコピー コードは次のとおりです:

$(function(){

$(' #select2').each( // select1 のすべての値を取得します。前述したように、オプションは左から右に追加されるため、jquery は実際には左から右に値を渡しません。 (){
$('button').click(function(){
alert($(this).val()); //select2 の select1 の値を取得します
}); >});
})


html:

コードをコピー

コードは次のとおりです以下:

;
<オプション値="1">オプション 1
<オプション値="2">オプション 2 >オプション 3
オプション 4
オプション 5 ;オプション値="6">オプション 6
<オプション値="7">オプション 7

🎜>[右側に追加] を選択>>
すべてを右側に追加>>

<<選択して削除左へ

JQuery、Ajax 呼び出しを使用して、Select のオプションを動的に設定します




コードをコピー

コードは次のとおりです。

//ClassLevel1 クリックイベントをバインド$("#ClassLevel1").change(function () { var id = $("#ClassLevel1").val(); var level2 = $("#ClassLevel2"); $("#ClassLevel3").hide();

$.ajax({

url) : "./askCommon.ashx?action=getclasslevel&pid=" id,
data: { "type": "ajax" },
datatype: "json",
type: "get",
成功: function (data) {
var json = eval_r(data);
for (var ind in json) {
level2.append($("}

}
}); 🎜 >

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？

1 か月前 By DDD

R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？

1 か月前 By DDD

R.E.P.O.最高のグラフィック設定

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

1週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7392

15

Java チュートリアル

1630

14

CakePHP チュートリアル

1357

52

Laravel チュートリアル

1268

25

PHP チュートリアル

1216

29

もっと見る