So bedienen Sie select mit jquery

So bedienen Sie select mit jquery: 1. Setzen Sie das Element mit dem Wert auf pxx, um es auszuwählen. Der Code lautet [$(".selector").val("pxx")]. 2. Setzen Sie den Text auf pxx, um es auszuwählen Das Element, der Code lautet [ $(".selector").find("option[te].

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Thinkpad T480-Computer.

Verwandte kostenlose Lernempfehlungen: Javascript-Lerntutorial, jQuery-Tutorial

So bedienen Sie select mit jquery:

1. Stellen Sie das Element mit dem Wert auf pxx ein, um es auszuwählen

$(".selector").val("pxx");

2. Setzen Sie das Element mit Text auf pxx, um es auszuwählen.

$(".selector").find("option[text='pxx']").attr("selected",true);

In den eckigen Klammern werden häufig eckige Klammern verwendet kann die Logik sehr einfach machen.

3. Holen Sie sich den Text des aktuell ausgewählten Elements Code einfacher.

Eine Kaskade von Auswahlen wird häufig verwendet, das heißt, der Wert ändert sich mit dem Wert, der durch die erste Auswahl ausgewählt wird. Dies ist in jquery sehr einfach und durch Auswählen ausgewählter Wert:

Syntaxerklärung:

1. < code>$("#select_id").change(function(){//code...}); //Fügen Sie eine hinzu Ereignis für Select, das ausgelöst wird, wenn eines der Elemente ausgewählt wird

2. var checkText=$("#select_id").find("option:selected").text(); / /Den von Select

3 ausgewählten Text abrufen =$("#select_id ").get(0).selectedIndex; //Get Den von Select5 ausgewählten Indexwert. var maxIndex=$("#select_id option:last"). attr("index"); //Den maximalen Indexwert von Select

jQuery-Einstellungen abrufen. Ausgewählten Text und Wert auswählen:

Erklärung der Syntax:$("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发

2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text

3. var checkValue=$("#select_id").val(); //获取Select选择的Value

4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值

5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery设置Select选择的 Text和Value:

语法解释：

1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中

2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中

3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项：

语法解释：

1. $("#select_id").append("<option value=&#39;Value&#39;>Text</option>"); //为Select追加一个Option(下拉项)

2. $("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>"); //为Select插入一个Option(第一个位置)

3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)

4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option

5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关

获 取一组radio被选中项的值

$(".selector").val();

获 取select被选中项的文本

$(".selector").find("option:selected").text();

select下拉框的第二个元素为当前选中值

$(".selector1").change(function(){
// 先清空第二个
$(".selector2").empty();
// 实际的应用中，这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});

radio单选组的第二个元素为当前选中值

var item = $('input[name=items][checked]').val();

获取值：

• 文本框，文本区域：$("#txt").attr("value")；

• 多选框 checkbox：$("#checkbox_id").attr("value")；

• 单选组radio： $("input[type=radio][checked]").val();

• 下拉框select： $('#sel').val();

  1. .get(0).selectedIndex=1; //Setzen Sie das Element mit dem Select-Indexwert 1, um

2 auszuwählen // Setzen Sie den Select-Wert auf 4, um das Element auszuwählen

3. $("#select_id option[ text='jQuery']").attr("selected", true); // Setzen Sie den Textwert von Select auf das von jQuery ausgewählte Element

jQuery, um das Optionselement von Select hinzuzufügen/zu löschen:

Erklärung der Syntax:

1. $("#select_id").append(" <option value='Value'>Text</option>"); //Option anhängen (Dropdown-Element)

2. $("#select_id").prepend( "<option value='0'>Please select</option>"); //Einfügen für „Wählen Sie eine Option“ (die erste Position)

3. last").remove(); //Löschen Sie die Option mit dem größten Indexwert in Select (die letzte)

🎜4 . $("#select_id option[index='0']" ).remove(); //Löschen Sie die Option (erste) mit dem Indexwert 0 in Select🎜🎜5. ); //Löschen Sie die Option mit Value='3' in Select🎜🎜5. $("#select_id option [text='4']").remove(); //Löschen Sie die Option mit Text='4' in Select🎜🎜jquery radio value, checkbox value, select value, radio selected, checkbox selected , select selected und verwandte🎜🎜Erhalten Sie den Wert einer Gruppe von per Radio ausgewählten Elementen🎜

var item = $("select[name=items] option[selected]").text();

🎜Den Text des ausgewählten Elements abrufen🎜

$('#select_id')[0].selectedIndex = 1;

🎜Das zweite Element des Auswahl-Dropdown-Felds ist der aktuell ausgewählte Wert🎜

$('input[name=items]').get(1).checked = true;

🎜Radio-Radio-Gruppe Das zweite Element ist der aktuell ausgewählte Wert 🎜rrreee🎜 Rufen Sie den Wert ab: 🎜

• 🎜Textfeld, Textbereich: $("#txt" ).attr("value");🎜🎜
• 🎜Mehrfaches Auswahlfeld-Kontrollkästchen: $("#checkbox_id").attr("value");🎜🎜
• 🎜Radio-Auswahlgruppe radio: $("input[type=radio ][checked]").val();🎜🎜
• 🎜Dropdown-Box auswählen: $('# sel').val();🎜🎜🎜🎜 Elemente des Kontrollformulars: 🎜🎜Textfeld, Textbereich: $("#txt").attr("value",'');//Inhalt löschen 🎜🎜$("#txt").attr("value" ,'11');//Inhalt füllen 🎜🎜Mehrfachauswahlfeld-Kontrollkästchen: $("#chk1").attr("checked",'');/Deaktivieren🎜🎜$("#chk2").attr( "checked",true);//Überprüfen🎜🎜if($("#chk1").attr('checked')==undefined) //Beurteilen Sie, ob es überprüft wurde🎜🎜Funkgruppenradio: $("input [type=radio]").attr("checked",'2');//Legen Sie das Element mit dem Wert=2 als aktuell ausgewähltes Element fest🎜

  Dropdown-Box auswählen: $("#sel").attr("value",'-sel3');//Legen Sie das Element mit value=-sel3 als aktuell ausgewähltes Element fest

  $("11112222").appendTo("#sel")//Fügen Sie die Option des Dropdown-Felds hinzu

  $("#sel"). empty(); //Löschen Sie das Dropdown-Feld

  Für weitere Programmierkenntnisse besuchen Sie bitte: Programmierlehre! !

Das obige ist der detaillierte Inhalt vonSo bedienen Sie select mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!