Adding, deleting, and taking values ​​of Select option items in JQuery_jquery

jQuery gets the Text and Value selected by Select:

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

jQuery adds/removes the Option item of Select:

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 Value='3' in Select Option
$("#select_id option[text='4']").remove(); //Delete the Option with Text='4' in Select

Clear the content:

Copy code The code is as follows:

$("#charCity").empty();