Home > Web Front-end > JS Tutorial > jQuery operations on drop-down boxes, radio button boxes, and multi-select boxes_jquery

jQuery operations on drop-down boxes, radio button boxes, and multi-select boxes_jquery

WBOY
Release: 2016-05-16 16:59:02
Original
1359 people have browsed it

Drop-down box:

//Get the text of the selected item in the drop-down menu (note the space in the middle)
var cc1 = $(".formc select[@name='country'] option[@selected]").text() ;
//Get the value of the selected item in the drop-down menu
var cc2 = $('.formc select[@name="country"]').val();
//Get the value of the drop-down menu ID attribute value of the selected item
var cc3 = $('.formc select[@name="country"]').attr("id");
//Clear the drop-down box//
$ ("#select").empty();$("#select").html('');
//Add the option of the drop-down box
$("

A little explanation:

select[@name='country'] option[@selected]

represents the option element with the selected attribute inside the select element that has a name attribute and the attribute value is 'country'. It can be seen that anything starting with @ means that what follows is an attribute.

Radio button:

//Get the value of the selected item of the radio button (note that there is no space in the middle)
$("input[@type=radio][@checked]").val();
//Set The radio button value=2 is selected. (Note that there is no space in the middle)
$("input[@type=radio][@value=2]").attr("checked",'checked');

Checkbox:

//Get the value of the first selected item of the check box
$("input[@type=checkbox][@checked]").val();
//Because of the check box Generally, multiple items are selected, so you can loop through the output
$("input[@type=checkbox][@checked]").each(function(){
alert($(this).val() );
});
//Unchecked
$("#chk1").attr("checked",'');
//Checked
$(" #chk2").attr("checked",true);
//Determine whether it has been checked
if($("#chk1").attr('checked')==undefined){}

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template