Maison > interface Web > js tutoriel > le corps du texte

Sélection de l'opération Jquery

巴扎黑
Libérer: 2017-06-29 10:09:45
original
906 Les gens l'ont consulté

1. Déterminez s'il existe un élément avec Value="paraValue" dans l'option de sélection
$( "#selectid option[@value='paraValue']").length>0
2. Ajouter un élément
$("#selectid").append("

7. Définissez le item in select Un élément est sélectionné
$("#selectid option").eq(0).attr('selected', 'true');

8. selected La valeur de l'élément actuellement sélectionné
$("#selectid").val();
9 Obtenez le texte de l'élément actuellement sélectionné de select .
$( "#selectid").text();
10. Obtenez l'index de l'élément actuellement sélectionné de select
document.getElementById(" select1").selectedIndex;
$("#selectid").get(0).selectedIndex
11. Effacer les éléments sélectionnés
$("#selectid").empty();

Version JS :


  • //1 Déterminez s'il y a un élément avec Value="paraValue" dans l'option de sélection.

  • fonction jsSelectIsExitItem(objSelect,objItemValue)

  • {

  • var isExit = faux

  • 🎜>( var i=0;i;I++) { 🎜> 

  • if

  • (objSelect.options[i].value == objItemValue) 🎜>

                                                                      

  • isExit = true

  • pause ; }                                                  isExit; 🎜>}

  • //2 Ajouter un article

  • fonction jsAddItemToSelect(objSelect, objItemText,objItemValue, objItemPos)

  • {
  • >

  • if

  • (jsSelectIsExitItem(objSelect,objItemValue ))
  • { );

    }
  • 🎜>
  • {

  • 🎜>

    varItem = nouveau

  • Option(objItemText,objItemValue);
  • // objSelect.options[ objSelect.options.length] = varItem;

    objSelect.options.                              > //3. Supprimer un élément de l'option de sélection

  • fonction jsRemoveItemFromSelect(objSelect,objItemValue) {

  • //Déterminer s'il existe
  • if (jsSelectIsExitItem(objSelect,objItemValue) )

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

  •          {   

  •              if (objSelect.options[i].value == objItemValue)   

  •              {   

  •                  objSelect.options.remove(i);   

  •                  pause ;   

  •              }   

  •          }          

  •          alerte ( "成功删除" );              

  •      }   

  •      autre 

  •      {   

  •          alert( "该 select中 不存在该项" );   

  •      }      

  • }   


  • //4.修改select选项中 value="paraValue"的text为"paraText" 

  • function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)   

  • {   

  •      //判断是否存在 

  •       if (jsSelectIsExitItem(objSelect,objItemValue))   

  •      {   

  •           pour ( var  i=0;i;I++)   

  •          {   

  •              if (objSelect.options[i].value == objItemValue)   

  •              {   

  •                     jSelect.options[ je].text = objItemText;   

  •                  pause ;   

  •                                                                                                               🎜>

    "Modifié avec succès"
  • );                                                       

  • { Cet article n'existe pas dans "

    );
  • }                    🎜>
  • //5. Définissez le premier élément avec text="paraText" dans la sélection pour qu'il soit sélectionné

  • fonction
  • jsSelectItemByValue(objSelect,objItemText) {

  • // Déterminer s'il existe

  • var isExit =

  • false

  • ;
  • pour
  • ( var

  • i=0;i;I++) { si (objSelect.options[i].text == objItemText)

  • { >

    objSelect.options[i].selected = vrai isExit =

  • vrai
  • ;
  • 🎜> pause

  • ;
  • //Afficher le résultat

  • si (isExit) {

  • alerte ( "Sélectionné avec succès" );

  • autre

  • {

  • alert( "Cet article n'existe pas dans la sélection" );

    }  
  • }  

  • //6 . Définissez l'élément avec value="paraValue" dans la sélection pour sélectionner
  • document.all.objSelect.value = objItemValue; 🎜>

  • //7 Obtenez la valeur de l'élément actuellement sélectionné de select

  • var
  • currSelectValue = document.all.objSelect.value


  • //8 Obtenez le texte de l'élément actuellement sélectionné de select

  • var
  • currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text


  • //9 Obtenez l'index de l'élément actuellement sélectionné de select

  • var

  • currSelectIndex = document.all.objSelect.selectedIndex;

  • //10. Effacez les éléments sélectionnés

  • document. all.objSelect.options.length = 0 ;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal