jqueryアクションselectドロップダウン・ボックス:値の取得、値の付与、削除

2113 ワード

1.jquery対selectの値

上のselectを例に挙げて説明します.
取得value:var value=$("#test").val();
取得text:var text=$("#test").find("option:selected").text();
Selectが選択したインデックス値を取得:var checkIndex=$("#test").get(0).selectedIndex;
Selectの最大インデックス値:var maxIndex=$("#test option:last")を取得します.attr("index");
2.jqueryによるselectの付与
jqueryはselectの動的付与に対して、動的付与は実際のプロジェクトで最も多く使用され、ドロップダウンボックスの2次連動とともに使用されることが多い.
//              
    	function getCityList(){
    		var provCd=$("#provList").val();
    		var billStyle=$("#billStyle").val();
    		
    		if(provCd==""||billStyle=="")
    			return;
    		var optionstring="";
    		$("#cityList").empty();
    		$.ajax({
   		     url:'/employ/bmfwAction!getBillCompanyBilProvCdAndType',   
   		     type:'post', 
   		     data:'billStyle='+billStyle+'&provCd='+provCd,
   		     success:function(data){
   		    	 $.each(data,function(key,value){  //          json  
   		    		 optionstring += "";
   		    	 });
   		    	 $("#cityList").html(" "+optionstring); //      select id,    
   		     }
   		 });
    	}

以下の追加アクション
   $("#test").append(「テスト5」);//SelectにOption(ドロップダウン)$("#test")を追加します.prepend(「テスト6」);//SelectにOptionを挿入する(最初の場所)
3.jqueryによるselectの削除
 $("#test").empty();最も多く使われている
 $("#test  option:last").remove();//Selectのインデックス値の最大Optionを削除(最後)
 $("#test  option[index='0']").remove();//Selectのインデックス値が0のOption(##test option[value='3'])を削除します.remove();//SelectのValue='3'のOption$("#test option[text='4'])を削除する.remove();//SelectのText='4'のOptionを削除