Heim > Web-Frontend > js-Tutorial > Hauptteil

JQuery-Operation auswählen

巴扎黑
Freigeben: 2017-06-29 10:09:45
Original
898 Leute haben es durchsucht

1. Bestimmen Sie, ob in der Auswahloption ein Artikel mit Value="paraValue" vorhanden ist
$( "#selectid option[@value='paraValue']").length>0
2. Ein Element hinzufügen
$("#selectid").append("

7. Stellen Sie die ein item in select Ein Element ist ausgewählt
$("#selectid option").eq(0).attr('selected', 'true');

8 selected Der Wert des aktuell ausgewählten Elements
$("#selectid").val();
9. Holen Sie sich den Text des aktuell ausgewählten Elements von select
$( "#selectid").text();
10. Holen Sie sich den Index des aktuell ausgewählten Elements von select
document.getElementById(" select1").selectedIndex;
$("#selectid").get(0).selectedIndex
11. Ausgewählte Elemente löschen
$("#selectid").empty();

JS-Version:


  • //1 Bestimmen Sie, ob in der Auswahloption ein Element mit Value="paraValue" vorhanden ist

  • Funktion jsSelectIsExitItem(objSelect,objItemValue)

  • {

  • var isExit = false ;

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

  • if

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

                                                                 

  • isExit = true

  • Pause }                                    isExit; 🎜>}

  • //2. Einen Artikel hinzufügen
  • Funktion jsAddItemToSelect(objSelect, objItemText,objItemValue, objItemPos) {

  • >


  • if (jsSelectIsExitItem(objSelect,objItemValue ))

  • { ); }

  • 🎜>

  • {

    🎜>
  • varItem = neu Option(objItemText,objItemValue);

  • // objSelect.options[ objSelect.options.length] = varItem;
  • objSelect.options. add(varItem, objItemPos); >                                                         > //3. Ein Element aus der Auswahloption löschen

  • Funktion jsRemoveItemFromSelect(objSelect,objItemValue) {

  • //Bestimmen Sie, ob es existiert
  • if (jsSelectIsExitItem(objSelect,objItemValue) )

    {
  •          für ( var i=0;i;I++)   

  •          {   

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

  •              {   

  •                  objSelect.options.remove(i);   

  •                  Pause ;   

  •              }   

  •            

  •         . Warnung( "成功删除" );              

  •      }   

  •      else 

  •      {   

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

  •      }      

  • }   


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

  • Funktion jsUpDatumItemToSelect(objSelect,objItemText,objItemValue)   

  • {   

  •      //判断是否存在 

  •       if (jsSelectIsExitItem(objSelect,objItemValue))   

  •      {   

  •          für ( var  i=0;i;I++)   

  •          {   

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

  •              {   

  •                 . objSelect.options [ i].text = objItemText;   

  •                  Pause ;   

  •                                                                                                             🎜>

    „Erfolgreich geändert“
  • );                                                  🎜>

  • { Dieses Element existiert nicht in "
  • ); }                     🎜>

  • //5. Legen Sie das erste Element mit text="paraText" in der Auswahl fest
  • Funktion

  • jsSelectItemByValue(objSelect,objItemText)

  • {

    // Bestimmen Sie, ob es existiert

  • var


  • isExit =
  • false

  • ;
  • für

  • (

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

  • {
  • if (objSelect.options[i].text == objItemText) { > objSelect.options[i].selected =

  • true ; isExit = wahr ;

  • 🎜>
  • Pause ;  

     
  • //Zeige das Ergebnis

     

  •  if

  • (isExit)
  • { Warnung (

    „Erfolgreich ausgewählt“
  • );

  • sonst

  • {

  • Alert( „Dieser Artikel existiert nicht in der Auswahl“ );

  • }  

  • }  


  • //6 . Legen Sie das Element mit value="paraValue" in der Auswahl fest, um

  • document.all.objSelect.value = objItemValue; 🎜>


  • ///7. Holen Sie sich den Wert des aktuell ausgewählten Elements von select
  • var

    currSelectValue = document.all.objSelect.value;

  • //8. Holen Sie sich den Text des aktuell ausgewählten Elements von select

  • var

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

  • //9. Holen Sie sich den Index des aktuell ausgewählten Elements von select

  • var

  • currSelectIndex = document.all.objSelect.selectedIndex; 🎜>//10. Löschen Sie die ausgewählten Elemente


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

Das obige ist der detaillierte Inhalt vonJQuery-Operation auswählen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage