JQuery操作選択

巴扎黑
リリース: 2017-06-29 10:09:45
オリジナル
935 人が閲覧しました

1. select オプションに Value="paraValue" の項目があるかどうかを確認します
$("#selectid option[@value='paraValue']").length>0
2を選択するには、オプションに項目を追加します
$("#selectid").append("

7. 選択内の最初の項目を選択されるように設定します

$("#selectid option").eq (0).attr('selected', 'true');

8. select

$("#selectid") の現在選択されている項目の値を取得します。 val();
9. select の現在選択されている項目のテキストを取得します
$("#selectid").text();
10. select の現在選択されている項目のインデックスを取得します

document.getElementById("select1").selectedIndex;$("# selectid").get(0).selectedIndex
11. 選択した項目をクリアします
$("#selectid").empty();

JS バージョン:


  • //1。オプションに Value="paraValue" の項目がありますか?

  • ;
  • i= 0; i; i ++)

  • exit =true;

  • ///2. 選択オプションに項目を追加します

    function

  • jsAddItemToSelect( objSelect,objItemText,objItemValue, objItemPos)
  • {
  • if (jsSelectIsExitItem(objSelect,objItemValue)) {

  • "この項目の値はすでに存在します"

  • );


  • else

  • emValue);

    // objSelect.options[objSelect.options.length] = varItem;
  • objSelect.options.add(varItem, objItemPos);alert(「正常に追加されました」 } }

  • ///3選択オプションから項目を削除します

  • function

  • jsRemoveItemFromSelect(objSelect,ob jItemValue)

    {

  • //存在するかどうかを判断する

  • {if(objselect .options [i] .value == objitemvalue)選択範囲内");

  • }

  • }

    //4. 選択オプションの value="paraValue" を変更します テキストは "paraText" です

  • function
  • jsUp
  • date

    ItemToSelect(objSelect,objItemText,objItemValue)

  • { // 存在するかどうかを判定します

  • (

  • var

  • i=0;i;I++)

    objItemValue) . ].text = objItemText ;️

  • 警告 (
  • er er "ありません"

  • ) この select の select に

  • }}} // 5. text="paraText" の最初の項目を select に設定します。選択されています

  • function
  • jsSelectItemByValue(objSelect,objItemText)
  • { //存在するかどうかを判定

  • var

    isExit =
  • false

  • for
  • (

  • var
  • i=0;i ;I++) {

  • オプション[i].selected =本当

  • 休憩; ️ (isExit) { alert(

    「正常に選択されました」
  • );

  • このアイテム「); }

  • }

  • //6. 選択項目に value="paraValue" を含む項目を設定します。 selected

  • document.all.objSelect.value = objItemValue

  • ///7. select

    の現在選択されている項目の値を取得します。

  • var

  • currSelectValue = document.all.objSelect.value

  • / /8
  • の現在選択されている項目のテキストを取得します。 // 9. 選択で現在選択されている項目のインデックスを取得します


  • //10. 選択された項目をクリアします
  • document.all.objSelect.options.length = 0;

以上がJQuery操作選択の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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