Home > Web Front-end > JS Tutorial > Related operation implementation code of JQuery select control_jquery

Related operation implementation code of JQuery select control_jquery

WBOY
Release: 2016-05-16 17:50:14
Original
951 people have browsed it

To get the select
, first look at the following code:

Copy the code The code is as follows:

$ ("#select_id").change(function(){//code...}); //Add an event for Select, which is triggered when one of the items is selected
var checkText=$("#select_id"). find("option:selected").text(); //Get the Text selected by Select
var checkValue=$("#select_id").val(); //Get the Value selected by Select
var checkIndex =$("#select_id ").get(0).selectedIndex; //Get the index value selected by Select
var maxIndex=$("#select_id option:last").attr("index"); // Get the maximum index value of Select
$("#select_id ").get(0).selectedIndex=1; //Set the item with Select index value to 1 to select
$("#select_id ").val( 4); //Set the value of Select to 4 and select the item
$("#select_id option[text='jQuery']").attr("selected", true); //Set the Text value of Select Select

for jQuery item to get the selected text:

Copy code Code As follows:

$("#ddlRegType").find("option:selected").text();

Get the value selected by select:
Copy code The code is as follows:

$("#nowamagic").val();

Get the index selected by select:
Copy code The code is as follows:

$("#nowamagic").get(0).selectedIndex;

Set select
jQuery adds/removes the Option item of Select:
Copy code The code is as follows:

$("#select_id").append(""); //Insert an Option for Select (the first position)
$("#select_id option:last").remove(); //Remove the Option with the largest index value in Select (the last one)
$(" #select_id option[index='0']").remove(); //Delete the Option with index value 0 in Select (the first one)
$("#select_id option[value='3']" ).remove(); //Delete Option with Value='3' in Select
$("#select_id option[text='4']").remove(); //Delete Text='4 in Select 'Option

Set select selected index:
Copy code The code is as follows:

//index is the index value
$("#nowamagic").get(0).selectedIndex=index;

Set select selected value:
Copy code The code is as follows:

$("#nowamagic").attr("value"," Normal");
$("#nowamagic").val("Normal");
$("#nowamagic").get(0).value = value;

Set select selected text:
Copy code The code is as follows:

var count=$( "#nowamagicoption").length;
for(var i=0;i{ if($("#nowamagic").get(0).options[i].text = = text)
{
$("#nowamagic").get(0).options[i].selected = true;

break;
}
}

Clear selection:
Copy code The code is as follows:

$( "#nowamagic").empty();
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