jquery select option操作

2616 ワード

ドロップダウン

次は、ドロップダウン・ボックスの基本的な操作です.

	$(document).ready(function() {
		//     change  ,          SelectChange()  
		$("#selectID").change(function() { SelectChange(); }); 
	})
	function SelectChange() {
		//         text   
		var selectText = $("#selectID").find("option:selected").text();
		alert(selectText);
		//         value   
		var selectValue = $("#selectID").val();
		alert(selectValue);
		//         index   
		var selectIndex = $("#selectID").get(0).selectedIndex;
		alert(selectIndex);
		////        index   
		var selectMaxIndex = $("#selectID option:last").attr("index");
		alert(selectMaxIndex);
    }

    function aa() {
        //     index   5      
        $("#selectID").get(0).selectedIndex = 5;  
    }
    function bb() {
        //     value   4      
        $("#selectID").val(4);
    }
    function cc() {
        //     text   5      
         $("#selectID option[text=5]").attr("selected", "selected");
         $("#yyt option:contains('5')").attr("selected", true);
    }
    function dd() {
        //            
        $("#selectID").append("<option value='7'>7</option>");
    }
    function ee() {
        //            
        $("#selectID").prepend("<option value='0'>0</option>")
    }
    function ff() {
        //         option
        $("#selectID").empty();
        $("#selectID").html("");
    }
    function ff() {
        //           
        $("#selectID option:last").remove();
    }
	function ff() { 
		//            
		$("#selectID option:last").remove(); 
	} 
	function gg() { 
		//      index   1    
		$("#selectID option[index=1]").remove(); 
	} 
	function hh() { 
		//      value   4    $("#selectID option[value=4]").remove(); 
		} 
	function ii() { 
		//      text   5    
		$("#selectID option[text=5]").remove(); 
	} 
 
  

:https://www.cnblogs.com/gengaixue/archive/2011/07/28/2119040.html