jQuery erhält den Text und den Wert, die durch Select ausgewählt werden:
Syntax-Erklärung:
1. $("#select_id").change(function(){//code...}); Füge ein Ereignis zur Auswahl hinzu, das ausgelöst wird, wenn eine der Auswahlen
2. var checkText=$("#select_id").find("option:selected").text(); Erhalten Sie den ausgewählten Text mit Select
3. var checkValue=$("#select_id").val(); Erhält den von Select ausgewählten Wert
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Erhalten Sie den von Select ausgewählten Indexwert
5. var maxIndex=$("#select_id option:last").attr("index"); Erhalten Sie den größten Indexwert für Select
jQuery setzt den von Select ausgewählten Text und Wert:
Syntax-Erklärung:
1. $("#select_id ").get(0).selectedIndex=1; Setze Select, um Elemente mit einem Indexwert von 1 auszuwählen
2. $("#select_id ").val(4); Setze den Wertwert von Select für das ausgewählte Element auf 4
3. $("#select_id option[text='jQuery']").attr("selected", true); Setze den Textwert von Select auf jQuery
jQuery fügt Option-Elemente für Select hinzu/entfernt sie:
Syntax-Erklärung:
1. $("#select_id").append("<Option value='Value'>Text</option>"); Fügen Sie eine Auswahl hinzu
2. $("#select_id").prepend("<Option value='0'> bitte wählen</option> "); Fügen Sie eine Option (erste Position) für Select ein
3. $("#select_id Option:letzt").entfernen(); Löschen Sie die Option mit dem größten Indexwert in Select (letzter)
4. $("#select_id option[index='0']").entfernen(); Entfernen Sie den Indexwert von 0 in der Select-Option (der ersten)
5. $("#select_id Option[value='3']").entfernen(); Lösche die Option mit Wert = '3' in Select
5. $("#select_id Option[text='4']").entfernen(); Lösche die Option mit Text='4' in Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery-Funkwert, Kontrollkästchenwert, Auswählen-Wert, Funk-Auswählen, Kontrollkästchen-Kontrolle, Auswählen und so weiter
Erhält die Werte einer Menge von radio-ausgewählten Elementen
var item = $('input[@name=items][@checked]').val();
Erhält den Text des ausgewählten Elements
var item = $("select[@name=items] option[@selected]").text();
Das zweite Element des Auswahl-Dropdown-Menüs ist der aktuell ausgewählte Wert
$('#select_id')[0].selectedIndex = 1;
Das zweite Element der Funkfunkgruppe ist der aktuell ausgewählte Wert
$('input[@name=items]').get(1).checked = true;
Erhalten Sie Werte:
Textbox, Textbereich: $("#txt").attr("value");
Multi-Checkbox:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Dropdown-Auswahl: $('#sel').val();
Steuerformelemente:
Textbox, Textbereich: $("#txt").attr("value",''); Leere den Inhalt
$("#txt").attr("value",'11'); Füllen Sie den Inhalt aus
Checkbox: $("#chk1").attr("checked",''); Keine Zecken
$("#chk2").attr("checked", true); Tick
if($("#chk1").attr('checked')==undefined) // Bestimmen Sie, ob es angetickt wurde
radio: $("eingabe[@type=radio]").attr("checked",'2'); Das Element mit Wert = 2 ist das aktuell ausgewählte Element
Dropdown-Select: $("#sel").attr("value",'-sel3'); Setze value=-sel3 auf das aktuell ausgewählte Element
$("<Option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Füge die Option des Dropdown-Menüs hinzu
$("#sel").empty(); Lösche das Dropdown-Menü
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(dies).val() == 111){
$(this).remove();
}
});
}else{
$("<Option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect option:selected').text();
oder $("#testSelect").find('option:selected').text();
oder $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Wenn du ein schlechtes Gedächtnis hast, kannst du es sammeln:
1. Dropdown-Box:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); Erhalten Sie den Text des ausgewählten Elements im Dropdown-Menü (beachten Sie den Platz in der Mitte)
var cc2 = $('.formc select[@name="country"]').val(); Erhalten Sie den Wert des ausgewählten Gegenstands im Dropdown-Menü
var cc3 = $('.formc select[@name="country"]').attr("id"); Erhalten Sie den ID-Attributwert des ausgewählten Gegenstands im Dropdown-Menü
$("#select").empty(); Leere das Dropdown-Feld //$("#select").html('');
$("<Option value='1'>1111"</option>).appendTo("#select")//Füge die Option des Dropdown-Menüs hinzu
Um es ein wenig zu erklären:
1.select[@name='country'] Option [@selected] bedeutet, dass es ein Namensattribut hat,
Und der Eigenschaftswert ist das Optionselement mit dem ausgewählten Attribut im Select-Element von 'Land';
Man sieht, dass diejenigen, die mit @ beginnen, bedeuten, dass ihnen Attribute folgen.
2. Funkbox:
$("eingabe[@type=radio][@checked]").val(); Erhält den Wert des ausgewählten Elements im Funkfeld (beachte, dass in der Mitte kein Platz ist)
$("input[@type=radio][@value=2]").attr("checked",'checked'); Setzen Sie den Funkbox-Wert =2 auf den ausgewählten Zustand. (Beachte, dass in der Mitte kein Platz ist)
3. Checkbox:
$("input[@type=Checkbox][@checked]").val(); Erhält den Wert des ersten im Kontrollkästchen angekreuzten Elements
$("input[@type=Checkbox][@checked]").each(function(){ // Da das Checkbox üblicherweise für mehrere Checkboxen angekreuzt ist, kann es in Schleifen gelockt werden
alert($(this).val());
});
$("#chk1").attr("checked",''); Keine Zecken
$("#chk2").attr("checked", true); Tick
if($("#chk1").attr('checked')==undefined){} //Bestimmen Sie, ob es überprüft wurde
Natürlich ist der Selektor von jquery mächtig. Es gibt noch viele weitere Wege.
<scrip remove t src="jquery-1.2.1.js" type="text/javascrip remove t"></scrip去掉t>
<scrip remove t language="javascrip remove t" type="text/javascrip remove t" >
$(document).ready(function(){
$("#selectTest").change(function()
{
alert("Hallo");
alert($("#selectTest").attr("name"));
$("a").attr("href","xx.html");
window.locatio entfernt n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- Dropdown-Box – >
<select id="selectTest" name="selectTest">
<Option value="1">11</option>
<Optionswert="2">22</option>
<Option value="3">33</option>
<Option value="4">44</option>
<Option value="5">55</option>
<Optionswert="6">66</option>
</select>
jquery radio, Checkbox, select, radio, checkbox, select und related um den Wert einer Menge von radio-ausgewählten Elementen zu erhalten
var item = $('input[@name=items][@checked]').val();
Erhält den Text des ausgewählten Elements
var item = $("select[@name=items] option[@selected]").text();
Das zweite Element des Auswahl-Dropdown-Menüs ist der aktuell ausgewählte Wert
$('#select_id')[0].selectedIndex = 1;
Das zweite Element der Funkfunkgruppe ist der aktuell ausgewählte Wert
$('input[@name=items]').get(1).checked = true;
Erhalten Sie Werte:
Textbox, Textbereich: $("#txt").attr("value");
Multi-Checkbox:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Dropdown-Auswahl: $('#sel').val();
Steuerformelemente:
Textbox, Textbereich: $("#txt").attr("value",''); Leere den Inhalt
$("#txt").attr("value",'11'); Füllen Sie den Inhalt aus
Checkbox: $("#chk1").attr("checked",''); Keine Zecken
$("#chk2").attr("checked", true); Tick
if($("#chk1").attr('checked')==undefined) // Bestimmen Sie, ob es angetickt wurde
radio: $("eingabe[@type=radio]").attr("checked",'2'); Das Element mit Wert = 2 ist das aktuell ausgewählte Element
Dropdown-Select: $("#sel").attr("value",'-sel3'); Setze value=-sel3 auf das aktuell ausgewählte Element
$("<optionsvalue='1'> 1111</option><optionvalue='2'>2222</option> appendTo("#sel")//Füge die Option des Dropdown-Menüs hinzu
$("#sel").empty(); Lösche das Dropdown-Menü
Erhält die Werte einer Menge von radio-ausgewählten Elementen
var item = $('input[@name=items][@checked]').val();
Erhält den Text des ausgewählten Elements
var item = $("select[@name=items] option[@selected]").text();
Das zweite Element des Auswahl-Dropdown-Menüs ist der aktuell ausgewählte Wert
$('#select_id')[0].selectedIndex = 1;
Das zweite Element der Funkfunkgruppe ist der aktuell ausgewählte Wert
$('input[@name=items]').get(1).checked = true;
Erhalten Sie Werte:
Textbox, Textbereich: $("#txt").attr("value");
Multi-Checkbox:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Dropdown-Auswahl: $('#sel').val();
Steuerformelemente:
Textbox, Textbereich: $("#txt").attr("value",''); Leere den Inhalt
$("#txt").attr("value",'11'); Füllen Sie den Inhalt aus
Checkbox: $("#chk1").attr("checked",''); Keine Zecken
$("#chk2").attr("checked", true); Tick
if($("#chk1").attr('checked')==undefined) // Bestimmen Sie, ob es angetickt wurde
radio: $("eingabe[@type=radio]").attr("checked",'2'); Das Element mit Wert = 2 ist das aktuell ausgewählte Element
Dropdown-Select: $("#sel").attr("value",'-sel3'); Setze value=-sel3 auf das aktuell ausgewählte Element
$("<Option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Füge die Option des Dropdown-Menüs hinzu
$("#sel").empty(); Lösche das Dropdown-Menü
|
Veröffentlicht am 30.07.2015 11:20:50
|
|
|
Veröffentlicht am 30.07.2015 16:13:16
|
