JQueryは選択コンポーネントの選択された値メソッドを選択します

ここで、JQuery select コンポーネントの selected value メソッドに関する記事を共有します。これは、優れた参考値なので、皆さんのお役に立てれば幸いです。

jquery は select で選択されたテキストと値を取得します

Get select:

選択されたテキストを取得します:

$(“#ddlregtype”).find(“option:selected”).text();

選択された値を取得します:

$(“#ddlregtype “).val();

選択されたインデックスを取得します:

$(“#ddlregtype “).get(0).selectedindex;

E

セットselect：

選択したインデックスの設定：

$(“#ddlregtype “).get(0).selectedindex=index;//index为索引值

選択した値を設定します：

rreee

選択したテキストを選択しましたselect：

rreee

set option item：

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

empty select：

rreee

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

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

var count=$("#ddlregtype option").length;
 for(var i=0;i<count;i++)
   {      if($("#ddlregtype ").get(0).options[i].text == text)
    {
      $("#ddlregtype ").get(0).options[i].selected = true;
      break;
    }
  }
$("#select_id option[text=&#39;jquery&#39;]").attr("selected", true);

R

$("#select_id").append("<option value=&#39;value&#39;>text</option>"); //添加一项option
$("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的option
$("#select_id option[index=&#39;0&#39;]").remove();//删除索引值为0的option
$("#select_id option[value=&#39;3&#39;]").remove(); //删除值为3的option
$("#select_id option[text=&#39;4&#39;]").remove(); //删除text值为4的option

E

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

オプション 1 オプション 2 オプション 3

オプション 5

オプション 6
オプション 7

選択して右側に追加>>
すべてを右側に追加>>

<<左側に選択して削除

<<左側にすべて削除

JQuery と Ajax を使用してオプションを選択してください

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

以上が皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事: 配列の位置を移動し、同時にビューを更新する

vue.jsメソッド

中国語のA-Zソートを実装するvue.jsまたはjsメソッド

実際のノード静的サンプルコードファイルサーバー

以上がJQueryは選択コンポーネントの選択された値メソッドを選択しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。