Heim  >  Artikel  >  Web-Frontend  >  jQuery ruft den von Select ausgewählten Text und Wert ab

jQuery ruft den von Select ausgewählten Text und Wert ab

巴扎黑
巴扎黑Original
2017-06-29 10:09:001242Durchsuche

jQuery ruft den durch Auswählen ausgewählten Text und Wert ab:
Syntaxerklärung:
1.change(function(){//code...) } ; //Den ausgewählten Text abrufen3.//Den Wertvon Select auswählen. #select_id ") .get(0).selectedIndex; //Den
index
-Wert von Select
5 abrufen. var maxIndex=$("#select_id option:last").attr("index" ); // Den maximalen Indexwert von Select abrufenjQuery legt den von Select ausgewählten Text und Wert fest:Syntaxerklärung:
1 1; //Setze Select Das Element mit Indexwert 1 wird ausgewählt
2. $("#select_id").val(4) // Setze den Select-Wert auf 4 und das Element wird ausgewählt
3. $("#select_id option[text ='jQuery']").attr("selected", true); //Setzen Sie den Textwert von Select auf das von jQuery ausgewählte Element

jQuery fügt das hinzu/löscht Optionselement von Select:
Syntaxerklärung:

1. $("#select_id").append(""); (Dropdown-Element) zum Auswählen

2. $("#select_id").prepend(""); //Fügen Sie eine Option ein (zuerst Position) für Select
3. $ ("#select_id option:last").remove(); //Löschen Sie die Option mit dem größten Indexwert in Select (der letzte)
4. select_id option[index='0']").remove( ); //Löschen Sie die Option (zuerst) mit Indexwert 0 in Select
5. $("#select_id option[value='3']") .remove(); //Wert löschen= in Select '3''s Option
5.$("#select_id option[text='4']").remove(); Option „4“

http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html

jquery-Radiowert, Kontrollkästchenwert, Auswahlwert, Radio ausgewählt, Kontrollkästchen ausgewählt, ausgewählt ausgewählt und zugehörig

Den Wert eines Satzes ausgewählter Elemente abrufen

var item = $('input[name=items][checked]').val(); 🎜>Den Text des ausgewählten Elements abrufen

var item = $("select[name=items] option[selected]").text();
Das zweite Element des Auswahl-Dropdown-Felds ist das aktuell ausgewählter Wert
$('#select_id') [0].selectedIndex = 1;
Das zweite Element der Radio-Radio-Auswahlgruppe ist der aktuell ausgewählte Wert
$('input[name=items] ').get(1).checked = true;
Wert abrufen:
Textfeld, Textbereich: $("#txt").attr("value"); $("#checkbox_id").attr("value") ;
Radio-Auswahlgruppe: $("input[type=radio][checked]").val();
Dropdown-Box auswählen : $('#sel').val();
Kontrollformularelemente:
Textfeld, Textbereich: $("#txt").attr("value",'');//Löschen Inhalt
$("#txt").attr("value ",'11');//Inhalt füllen
Kontrollkästchen für mehrere Auswahlfelder: $("#chk1").attr("checked",' ');//Unchecked
$("#chk2 ").attr("checked",true);//Check
if($("#chk1").attr('checked')== undefiniert) //Beurteilen Sie, ob es überprüft wurde
Gruppenradio auswählen: $("input[type=radio]").attr("checked",'2');//Setze das Element mit value=2 als das aktuell ausgewählte Element
Dropdown-Feld auswählen: $("# sel").attr("value",'-sel3');//Legen Sie das Element mit value=-sel3 als aktuell ausgewähltes Element fest
$(" ").appendTo("#sel")//Option zum hinzufügen Dropdown-Feld
$("#sel").empty();//Dropdown-Feld löschen

------------------ ------------------------------ -------------------- --------------- --------

//Optionen durchlaufen und hinzufügen und Optionen entfernen
Funktion changeShipMethod(shipping){

var len = $("select[name=ISHIPTYPE] option" ).length

if(shipping.value != "CA"){

$("select[name=ISHIPTYPE] option").each(function(){

if($(this). val() == 111){
$(this).remove();
}
});
}else{
$("").appendTo($("select[name=ISHIPTYPE ]"));
}
}

//Den Auswahlwert des Dropdown-Menüs abrufen

$(#testSelect option:selected').text();
oder $("#testSelect").find('option:selected').text();
oder $("# testSelect").val();
////////////////////////////////////////////////////////////////////////// // ///////////////////////////
Wenn Sie ein schlechtes Gedächtnis haben, können Sie es speichern:
1, Dropdown-Feld:

var cc1 = $(".formc select[name='country'] option[selected]").text(); //Den Text des ausgewählten Elements im Dropdown-Menü (Beachten Sie, dass sich in der Mitte ein Leerzeichen befindet)var cc2 = $('.formc select[name="country"]').val(); //Get the Wert des ausgewählten Elements im Dropdown-Menü
var cc3 = $('.formc select[ name="country"]').attr("id"); //Den ID-Attributwert des ausgewählten Elements abrufen Element im Dropdown-Menü
$("#select").empty();//Löschen Sie das Dropdown-Feld// $("#select").html('');
$ ("").appendTo("#select")//Dropdown-Box hinzufügen Die Option

wird ein wenig erklärt:

1.select[name='country'] option[selected] bedeutet, dass es das Namensattribut
hat und der Attributwert 'country' im ausgewählten Elementoptionselement mit ausgewähltem Attribut ist; , Optionsfeld:
$("input[@type=radio][@checked]").val(); //Ruft das Optionsfeld ab. Der Wert des ausgewählten Elements (beachten Sie, dass in der Mitte kein Leerzeichen ist). )

$("input[@type=radio][@value=2]").attr("checked",'checked'); //Setzen Sie den Optionsfeldwert =2 ein (Beachten Sie, dass dort ist kein Leerzeichen in der Mitte)


3,
Kontrollkästchen

:

$("input[@type=checkbox][@checked]") .val(); Den Wert des ersten ausgewählten Elements des Kontrollkästchens abrufen$("input[@type=checkbox][@checked]").each(function() { //Aufgrund der Prüfung werden im Allgemeinen mehrere Kontrollkästchen ausgewählt , sodass Sie alert($(this).val());
});

$("#chk1").attr(" geprüft",'' schleifen und ausgeben können );//Ungeprüft
$("#chk2").attr("checked",true);//Geprüft

if($("#chk1").attr ('checked')==undefiniert ){} //Bestimmen Sie, ob es überprüft wurde


Natürlich ist der Selektor von jquery leistungsstark. Es gibt viele Methoden.