Heim > Web-Frontend > js-Tutorial > Wie jQuery den Textwert und den Wert der Option in Select erhält

Wie jQuery den Textwert und den Wert der Option in Select erhält

不言
Freigeben: 2018-08-15 10:48:33
Original
4428 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich damit, wie jQuery den Textwert und den Wert der Option in Select erhält. Ich hoffe, dass er für Sie hilfreich ist . .

Den Wert einer Reihe von per Funk ausgewählten Elementen abrufen:

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

Den Text des ausgewählten Elements abrufen

var item = $("select[@name=items] option[@selected]").text();
Nach dem Login kopieren

Den Text des ausgewählten Elements in „select“ abrufen:

var item = $("select[name=items] option[selected]").text(); 
或
$("select[name=items]").find("option:selected").text();
Nach dem Login kopieren

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

$('#select_id')[0].selectedIndex = 1;
Nach dem Login kopieren

Das Element mit dem Wert = 'val' im Auswahl-Dropdown-Feld ist das aktuell ausgewählte Element:

$("select[name=items] option[value='val']").attr("selected","selected");
Nach dem Login kopieren

Das zweite Element des Radio-Radio-Auswahlgruppe ist das aktuell ausgewählte Element:

$('input[@name=items]').get(1).checked = true;
或
$('input[name=items]').attr("checked", '1′);
Nach dem Login kopieren

Das Element von value = 'val' von Radio ist das aktuell ausgewählte Element:

$('input[name=items] [value='val']').attr("checked","checked");
Nach dem Login kopieren

Wert abrufen:

Textfeld, Textbereich:

$("#txt").attr("value");
Nach dem Login kopieren

Kontrollkästchen für Mehrfachauswahlfeld:

$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
Nach dem Login kopieren

Radiogruppenradio:

$("input[type=radio][checked]").val();
Nach dem Login kopieren

Der Wert der Dropdown-Box-Auswahl:

$('select').val();
Nach dem Login kopieren

Der ausgewählte Text Wert der Dropdown-Box auswählen:

$("select").find("option:selected").text();
Nach dem Login kopieren

Elemente des Steuerelementformulars:

Textfeld, Textbereich:

$("#txt").attr("value","); //清空内容
$("#txt").attr("value",'11′); //填充内容
Nach dem Login kopieren

Kontrollkästchen für Mehrfachauswahlfelder:
Das zweite Element des Kontrollkästchens ist aktiviert:

$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
Nach dem Login kopieren

Vor dem Element mit value='val' im Kontrollkästchen aktiviert:

$("input[name=item][value='val']").attr("checked",true); 
或
$("input[name=item][value='val']").attr("checked","checked");
Nach dem Login kopieren
if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
Nach dem Login kopieren

Radiogruppenradio:

$("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项
Nach dem Login kopieren

Dropdown-Box auswählen:

$("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项
Nach dem Login kopieren

$("<option value=&#39;1′>1111</option><option value=&#39;2′>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
Nach dem Login kopieren

jQuery ruft den von Radio ausgewählten Wertwert ab
Code

$("input[name=&#39;radio_name&#39;][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name=&#39;radio_name&#39;][value=&#39;要选中Radio的Value值&#39;").
attr("checked",true); //根据Value值设置Radio为选中状态
Nach dem Login kopieren

jQuery ruft den von CheckBox ausgewählten Wertwert ab

$("input[name=&#39;checkbox_name&#39;][checked]"); //选择被选中CheckBox元素的集合 如果你想得到
Nach dem Login kopieren

Wert, den Sie zum Durchlaufen dieser Sammlung benötigen

$($("input[name=&#39;checkbox_name&#39;][checked]")).
each(function(){arrChk+=this.value + &#39;,&#39;;});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name=&#39;checkbox_name&#39;]").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以&#39;,&#39;分隔 返回一个数组
Nach dem Login kopieren

Verwandte Empfehlungen:

jQuery+PHP Get the Text and Von der Auswahloption ausgewählter Wert (mit ausgewähltem Stadtbeispiel)

Das Wertproblem des Optionswerts in der Auswahl in verschiedenen Browsern

jQuery+PHP, um die Option „Text und Wert der Auswahl“ zu erhalten (mit ausgewähltem Stadtbeispiel)

Das obige ist der detaillierte Inhalt vonWie jQuery den Textwert und den Wert der Option in Select erhält. 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