Summary of jquery operation select methods_jquery

The examples in this article summarize the methods of jquery operation select. Share it with everyone for your reference. The details are as follows:

jQuery gets the Text and Value selected by Select: 

Grammar explanation:

Copy 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 of Select
var maxIndex=$("#select_id option:last").attr("index");//Get the maximum index value of Select

jQuery sets the Text and Value selected by Select:

Grammar explanation:

Copy code The code is as follows:

$("#select_id ").get(0).selectedIndex=1;/ /Set the item with Select index value 1 to select
$("#select_id ").val(4);//Set the Select value to 4 to select the item
$("#select_id option[text='jQuery']").attr("selected", true);//Set the Text value of Select to the jQuery item selected

jQuery adds/removes the Option item of Select:

Grammar explanation: 

Copy code The code is as follows:

$("#select_id").append("Text");//Append an Option (drop-down item) to Select
$("#select_id").prepend("Please select");//Insert an Option (first position) for Select
$("#select_id option:last").remove();//Delete the Option with the largest index value in Select (the last one)
$("#select_id option[index='0']").remove();//Delete the Option (first) with index value 0 in Select
$("#select_id option[value='3']").remove();//Delete the Option with Value='3' in Select
$("#select_id option[text='4']").remove();//Delete the Option

with Text='4' in Select

I hope this article will be helpful to everyone’s jQuery programming.